1

JavaScript の基本を学ぼうとしていますが、なぜこれが機能しないのかわかりません...とても基本的なことですか?

<html>
<head>
<meta charset="utf-8" />
<style type="text/css">
    ul{
        list-style-type:none;
    }
    div{
        width:300px;
        height:200px;
        background-color:#0066cc;
    }
</style>

<script language="text/javascript"> 
    var testing = document.getElementById("addBtn");
    testing.addEventListener("click", function(e){ alert("test") } , false);
</script>

</head>
<body>
<ul id="placeholder"></ul>
<a href="#" id="addBtn">Add</a>
</body>
</html>
4

3 に答える 3

7

addBtnアクセスしようとしてもロードされません。そのコードをファイルの最後に移動するか、onloadイベントを介して、DOM が読み込まれたら、そのアクションを実行する必要があります。

window.onload = function() {
    var testing = document.getElementById("addBtn");
    testing.addEventListener("click", function(e){ alert("test") } , false);
}
于 2012-10-16T18:27:09.750 に答える
2

コードの場合:

var testing = document.getElementById("addBtn");

実行されますが、addBtn要素はまだ解析されていません。できることの 1 つは、<script>タグをページの一番下に移動することです。

他にできることは、onload イベント内でコードを実行することです。何かのようなもの:

<script language="text/javascript">
   window.onload = function () {
      var testing = document.getElementById("addBtn");
       testing.addEventListener("click", function(e){ alert("test") } , false);
   };
</script>
于 2012-10-16T18:27:47.750 に答える
0

使用することに加えてwindow.onload(質問に対する重要な回答です)、<script>or<script type="text/javascript">の使用を検討してください。「language」属性は非推奨です。詳細はこちら

于 2012-10-16T18:43:03.483 に答える