Question

javascript怎么改变宽度高度？

节选的，要修改其中的颜色、宽度、高度，使其适应页面width:960px height:50px
请大神支招，解析代码的意思。
<style>
.list_top{ width:778px;height:35px;padding-left:30px; overflow:hidden; background:#d0f4ff;}
.list_top .Empty{ width:40px; height:40px; float:left;}
.hot{ width:720px;height:40px;}
.hot ul{ width:720px; height:30px; overflow:hidden; margin:0;padding:0;}
.hot ul li{ width:200px; height:30px; float:left; margin-right:15px; line-height:30px;}
.hot ul li a{ color:#0066ff; font-size:14px; font-weight:bold;}
</style>

好的答案则加10分。
<div class="list_top">
<div id="hottitle" class="hot"> <ul id="ulid"> <li><a href="javascript:void(0)">文字横向滚动应用实例演示</a></li> <li><a href="javascript:void(0)">省市地区联动选择JS封装类</a></li> <li><a href="javascript:void(0)">通用不间断滚动JS封装类</a></li> <li><a href="javascript:void(0)">WEBAMP异站调用控制示例</a></li> <li><a href="javascript:void(0)">程序/版权:崔永祥(333)</a></li> <li><a href="javascript:void(0)">QQ交流群:</a></li> </ul> </div> </div>

Answer 1

你好！！

你这是要修改样式的意思吧，是想通过javascript来控制样式么？

可以直接为元素设置style来达到你想要的效果。

//首先<div class="list_top">增加一个id标识，改为<div id="listTop" class="list_top">

<script>
        //在这里配置你的内容，对照你自己要的数值就好了
        var config={
        	"_width":"960px",
        	"_height":"60px",
        	"_background":"#faa",
        	"_li_width":"",
        	"_li_height":"",
        	"_a_color":"yellow"
        };
        //初始化函数，将配置的数值，分别设置到元素中
        function init(config){
        	var lstTop = document.getElementById("listTop");
        	lstTop.style.width = config["_width"]?config["_width"]:lstTop.style.width;
        	lstTop.style.height= config["_height"]?config["_height"]:lstTop.style.height;
        	lstTop.style.background= config["_background"]?config["_background"]:lstTop.style.background;
        
        	var hot = document.getElementById("hottitle");
        	hot.style.width = config["_width"]?config["_width"]:hot.style.width;
        	hot.style.height= config["_height"]?config["_height"]:hot.style.height;
        
        	var ul = document.getElementById("ulid");
        	ul.style.width = config["_width"]?config["_width"]:ul.style.width;
        	ul.style.height= config["_height"]?config["_height"]:ul.style.height;
        
        	var lis = ul.getElementsByTagName("li");
        	for(var i=0;i<lis.length;i++){
        		lis[i].style.width = config["_li_width"]?config["_li_width"]:lis[i].style.width;
        		lis[i].style.height= config["_li_width"]?config["_li_width"]:lis[i].style.height;
        		var a = lis[i].getElementsByTagName("a");
        		a[0].style.color = config["_a_color"]?config["_a_color"]:a[0].style.color;
        	}
        }

        window.onload = function(){
        	init(config);
        }
</script>

Answer 2

如果是div的高度，就这样。document.getElementById("div").style.width="960px"

Answer 3

用style()方法