2

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>
4

2 に答える 2

8

Doctype がない場合、ブラウザーは、ラベルのない長さがピクセル単位であると想定します。Doctype では、明示的なユニットが必要です。

obj.style.left = "100px";
obj.style.top = "10px";
于 2012-07-08T15:35:55.943 に答える
-1

また、呼び出した関数の最後に括弧を付けるのを忘れていました。また、あなたが間違って合格したと確信しています。次のようになるはずです。

document.onclick = scrollDiv();

また

document.onclick(scrollDiv());
于 2012-07-08T15:40:17.783 に答える