Question

怎样通过css样式和js改变字体的大小,

我做了一个下拉列表框,列表中是不同的尺寸 ,如 12px,
select name="select" onChange="document.all.worddiv.style.font-size=this.value" >
<option value="14px">小</option>
<option value="20px">中</option>
<option value="36px">大</option>
</select>
其中worddiv是文字所在层的id,
请老师帮我看一下

Answer 1

css是用font-size这条属性来控制字体大小；
js类似，用选择器找到你要控制的元素，操作该元素的font-size这条属性
例如：
<p id="text">123</p>
$('#text').css("font-size","12px")
这行jquery就是把id为text的p标签的字体大小改为12px

Answer 2

<select
name="select"
onChange=document.getElementById("worddiv").style.fontSize=this.options[this.selectedIndex].value
>
<option
value="14px">小</option>
<option
value="20px">中</option>
<option
value="36px">大</option>
</select>
<div
id="worddiv">ffsadsdfsa</div>

Answer 3

<select name="select" onChange=document.getElementById("worddiv").style.fontSize=this.options[this.selectedIndex].value >
<option value="14px">小</option>
<option value="20px">中</option>
<option value="36px">大</option>
</select>
<div id="worddiv">ffsadsdfsa</div>