61,112
社区成员
发帖
与我相关
我的任务
分享document.getElementById("")赋值问题
<html>
<head>
<script>
function cc()
{
var cf=window.screen.width;
alert(cf)
if(cf<=1920)
{
cf=-(1920-cf)/2
}
else if(cf>1920)
{
cf=(cf-1920)/2
}
document.getElementById("m1").style.marginLeft=cf;
alert(cf)
}
</script>
</head>
<body onLoad="cc()">
<div style=" width:100%; overflow:hidden;" id="a">
<div style="width:1920px; height:500px;" id="m1"><img src="images/bar3.png" width="1920" height="500" text-align:center></div>
</div>
</body>
</html>
上面可以给M1进行左移赋值：document.getElementById("m1").style.marginLeft=cf;
但在第一行加这行后：<!doctype html>
M1就赋值失败，请问一般HTML文件都有<!doctype html>，如何处理？
<head>
<script>
function cc()
{
var cf=window.screen.width;
alert(cf)
if(cf<=1920)
{
cf=-(1920-cf)/2
}
else if(cf>1920)
{
cf=(cf-1920)/2
}
document.getElementById("m1").style.marginLeft=cf;
alert(cf)
}
</script>
</head>
<body onLoad="cc()">
<div style=" width:100%; overflow:hidden;" id="a">
<div style="width:1920px; height:500px;" id="m1"><img src="images/bar3.png" width="1920" height="500" text-align:center></div>
</div>
</body>
</html>
上面可以给M1进行左移赋值：document.getElementById("m1").style.marginLeft=cf;
但在第一行加这行后：<!doctype html>
M1就赋值失败，请问一般HTML文件都有<!doctype html>，如何处理？
...全文
请发表友善的回复…
发表回复
sunfor 2015-06-22
- 打赏
- 举报
受教了，多谢！
天际的海浪 2015-06-22
- 打赏
- 举报
6
可以了，多谢！
<div style="width:1920px; height:500px;" id="m1">改为
<div style="width:1920px; height:500px;" class="m1">
为何用document.getElementsByTagName("m1").style.marginLeft=cf+"px";赋值不了？[/quote]
getElementsByTagName()是用标签名来选择
用class是
document.getElementsByClassName("m1")[0].style.marginLeft=cf+"px";
或者
document.querySelector(".m1").style.marginLeft=cf+"px";
sunfor 2015-06-22
- 打赏
- 举报
可以了，多谢！
<div style="width:1920px; height:500px;" id="m1">改为
<div style="width:1920px; height:500px;" class="m1">
为何用document.getElementsByTagName("m1").style.marginLeft=cf+"px";赋值不了？
天际的海浪 2015-06-22
- 打赏
- 举报
document.getElementById("m1").style.marginLeft=cf+"px";
