                        課程
                    
                        /前端開發
                        
                            /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 ?id="header">

? ? ? ?

? </div>

? ? ? ? ? ? ? <div class="wrap">

? ? ??

? ? ? ? ? ? ? </div>

</body>

</html>

這是代碼，我設置了header的fixed屬性，使脫離了文本流，這樣寬度不能自動適應屏幕，我利用JavaScript中screen.availWidth獲取屏幕的寬度，再通過style.width賦值給header，為什么不成功呢？？看了半天，不知道哪里出錯了額。。

無敵小哥兒

2016-06-11

源自：JavaScript進階篇 8-16

關注問題我要回答

767

操作

收起

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 這么測試你可看到它們的不同了。