我正在开发一个网页,并在页面上使用一些javascripts来移动一些html元素,但我发现javascript代码在页面顶部<!doctype html>
或任何类型的<!doctype>s添加到页面顶部时无效!这个错误是什么？
我搜索谷歌,我发现<!doctype html>是正确的格式甚至stackoverflow源代码有它,但当我使用它javascripts不工作,但当它删除脚本工作正常和HTML对象正在移动但我的风格已消失因为删除<!doctype html>
<!doctype html> when this line removed it works(html element is moving)
<html>
<head>
<script type="text/javascript">
function scrollDiv(){
var obj = document.getElementById("movingDiv");
obj.style.left = 100;
obj.style.top = 10;
}
document.onclick = scrollDiv;
</script>
</head>
<body class="body">
<div class="maindiv" id="mainDiv">
<div class="html_js_code" style="text-align:center;">
<div id="movingDiv" style="position:absolute;left:100pt;top:10pt;border:1px blue
outset;width:160px;background-color:lightyellow;font-weight:bold;">Moving Div</div>
</div>
</div>
</body>
</html>
如果没有doctype,浏览器会假定未标记的长度以像素为单位.使用doctype,它们需要一个明确的单元.
obj.style.left = "100px";
obj.style.top = "10px";