0

私のHTMLファイル

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <p>Hello World</p>
    <script type="text/javascript" src="hello.js"></script>
</body>
</html>

私のJavaScriptファイル

var button = document.createElement("button");
button.id = "test";
button.innerHTML = "Test";
button.addEventListener("click", function() {
    alert("hello");
});
var body = document.body;
body.appendChild(button);

[テスト] ボタンをクリックすると、Chrome のコンソールに"Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1" というエラーが表示される理由がわかりません。しかし、ローカルホストで実行した場合にのみエラーが表示されることに気付きました（ローカルホストとしてxamppのApacheを使用しています）。通常の file:// として実行すると、エラーなしで成功します

4

1 に答える 1

-1

それは私にとってはうまくいきます....

ただし、window.onload 関数を使用して javascript から何かを実行してください。

だから、このようなことをしてください

   window.onload = function(){
        var button = document.createElement("button");
        button.id = "test";
        button.innerHTML = "Test";
        button.addEventListener("click", function() {
            alert("hello");
        });
        var body = document.body;
        body.appendChild(button);   
           }
于 2013-01-24T13:29:21.363 に答える