                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

求大神指导。。。（虔诚）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

*{margin:0px;padding:0px;}

body{ background-image:url(../主页图片/14174919031526.jpg);}

#header{height:50px;background:#999999;position:fixed;top:0px;}

.wrap{width:800px;margin:0 auto;background:#999999;height:1300px;margin-top:60px;}

</style>

var name=document.getElementById("header");

name.style.width=screen.availWidth; //或者sceen 添加引号，依旧无反应啊

</script>

</head>

<body>

</div>

</div>

</body>

</html>

这是代码，我设置了header的fixed属性，使脱离了文本流，这样宽度不能自动适应屏幕，我利用JavaScript中screen.availWidth获取屏幕的宽度，再通过style.width赋值给header，为什么不成功呢？？看了半天，不知道哪里出错了额。。

无敌小哥儿

2016-06-11

源自：JavaScript进阶篇 8-16

关注问题我要回答

727

操作

收起

1 回答

好人一生平安_mahy
2016-06-11

我帮你调试了下

把 var name=document.getElementById("header");

name.style.width=screen.availWidth;

换成 document.getElementById("header").style.width=screen.availWidth+"px"

我也不能解释不出为什么，感觉document.getElementById("header")赋值给name就变成了字符串，没法给字符串添加属性。你先改再等大神来答。

0 回复有任何疑惑可以回复我~

收起回答

好人一生平安_mahy

var name = document.getElementById("header"); console.log(typeof(name));//string console.log(name);//[object HTMLDivElement] console.log(typeof(document.getElementById("header")));//object 这么测试你可看到它们的不同了。