Webページを開発していて、ページ上でいくつかのjavascriptを使用していくつかのhtml要素を移動していますが、ページの上部に追加された場合、<!doctype html>
または任意のタイプの<!doctype>
sが追加された場合、javascriptコードが機能しないことがわかりました! このエラーは何ですか?
Googleで検索したところ<!doctype html>
、stackoverflowソースコードにも正しい形式があることがわかりましたが、使用するとjavascriptが機能しませんが、削除するとスクリプトは正常に機能し、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>