未捕獲的Javascript錯誤：INDEX_SIZE_ERR：Chrome上的DOM異常1

Question

我的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的控制台顯示錯誤“未捕獲的錯誤：INDEX_SIZE_ERR：DOM異常1” 。 但是我意識到只有在本地主機上運行該錯誤才會出現（我使用xampp的apache作為本地主機）。 如果我以正常的file：//身份運行，那么它將成功而不會出現任何錯誤

Answer 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);   
           }

未捕獲的Javascript錯誤：INDEX_SIZE_ERR：Chrome上的DOM異常1

問題描述

1 個解決方案

解決方案1
-1 已采納 2013-01-24 13:29:21

未捕獲的Javascript錯誤：INDEX_SIZE_ERR：Chrome上的DOM異常1

問題描述

1 個解決方案

解決方案1 -1 已采納 2013-01-24 13:29:21

解決方案1
-1 已采納 2013-01-24 13:29:21