如何将js的值传到字体大小的设置中 <script>var dd=12;</script><style>.hh {font_size:? px;}</style>请问如何将dd的值传到font-size中?多谢 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 使用jquery的话$(".hh").css("font_size", dd+"px"); 1. 使用jquery的话是这样:$(".hh").css("fontSize", dd + "px");2. 使用js的话是这样:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title>test</title> <style type="text/css"> *{ margin:0; padding:0;} body{font:12px/1.5 arial;background:#fff;} </style> <script type="text/javascript" src="../jquery-1.8.3.min.js"></script></head><body><div class="hh">adlkd</div><div id="font1">豪情壮志不言愁!</div><input type="text" name="" id="text01"><button id="btn0">设置大小</button> <br><button>12号字大小</button><button>14号字大小</button><button>16号字大小</button><script type="text/javascript"> function id(obj){ return document.getElementById(obj); } var text01 = id('text01'), btnSet = id('btn0'), font1 = id('font1'); btnSet.onclick = function(){ font1.style.fontSize = text01.value + 'px'; } var arr = [0, 12, 14, 16], btn = document.getElementsByTagName('button'); for(var i = 1; i < btn.length; i++){ btn[i].idx = i; btn[i].onclick = function(){ font1.style.fontSize = arr[this.idx] + 'px'; console.log(i); } }</script></body></html> 楼上正解。用js设置标签的样式。如果没用库,那可以先用document.getElementByID()或其他方法获取指定的标签,然后设置他的style。style.fontSize=xxx <style type="text/css">#div1{ font-size:12px;} </style> <script src="http://code.jquery.com/jquery-latest.js"></script><script type="text/javascript"> // 字体大小是font-size,非font_size $(function(){ $("#abv").click(function(){ var dd=22; $("#div1").css("font-size",dd+"px"); }); }) </script> <input type="button" id="abv" value="测试用按钮"/><div id="div1">点击按钮后字体大小将改变</div> 如何让字符一个个停下来? 哪位高手能帮我转下这个JS为单选框 JS如何实现删除table 求抽取smil属性的具体实现 高分求JS解密 完后加分 问题解决--全份相赠 有这样的代码吗? 如何用JAVASCRIPT代码实现和点击按钮同样的功能 在.net(mvc)中,使用cookie记住密码问题 求大神帮忙,网页点击弹出弹窗后,滑动鼠标,弹窗不动,页面在动..有什么方法可以让页面也不动么 按扭单击事件问题 $java异步获取数据问题.
$(".hh").css("font_size", dd+"px");
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<title>test</title>
<style type="text/css">
*{ margin:0; padding:0;}
body{font:12px/1.5 arial;background:#fff;}
</style>
<script type="text/javascript" src="../jquery-1.8.3.min.js"></script>
</head>
<body>
<div class="hh">adlkd</div>
<div id="font1">豪情壮志不言愁!</div>
<input type="text" name="" id="text01"><button id="btn0">设置大小</button> <br>
<button>12号字大小</button>
<button>14号字大小</button>
<button>16号字大小</button>
<script type="text/javascript">
function id(obj){
return document.getElementById(obj);
}
var text01 = id('text01'),
btnSet = id('btn0'),
font1 = id('font1'); btnSet.onclick = function(){
font1.style.fontSize = text01.value + 'px';
}
var arr = [0, 12, 14, 16],
btn = document.getElementsByTagName('button');
for(var i = 1; i < btn.length; i++){
btn[i].idx = i;
btn[i].onclick = function(){
font1.style.fontSize = arr[this.idx] + 'px';
console.log(i);
}
}
</script>
</body>
</html>
如果没用库,那可以先用document.getElementByID()或其他方法获取指定的标签,然后设置他的style。
style.fontSize=xxx
<style type="text/css">
#div1{ font-size:12px;}
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
// 字体大小是font-size,非font_size
$(function(){
$("#abv").click(function(){
var dd=22;
$("#div1").css("font-size",dd+"px");
});
})
</script>
<input type="button" id="abv" value="测试用按钮"/>
<div id="div1">
点击按钮后字体大小将改变
</div>