为什么我在javascript中收到“无效的属性ID”错误

时间:2015-04-14 12:18:52

标签: javascript

尝试学习DOM操作作为一项任务的一部分,我们必须使用javascript创建一个小部件。因为我们之前没有做过DOM,所以很难弄清楚为什么这会给我一个错误。

 var mainDiv = document.createElement("div");
    mainDiv.style.width = "100px";
    mainDiv.style.height = "100px";
    mainDiv.style.color = "red";
    mainDiv.style.background = "white";
    mainDiv.innerHTML = "Hello";

获取错误'无效的媒体资源ID'在这里的第一行。

1 个答案:

答案 0 :(得分:0)

您的代码没有任何问题。这是一个示例HTML页面,其中包含您的代码。它运作得很好。

    <!DOCTYPE html>
    <html>
    <script>

        document.addEventListener("DOMContentLoaded", function() {
            var mainDiv = document.createElement("div");
            mainDiv.style.width = "100px";
            mainDiv.style.height = "100px";
            mainDiv.style.color = "red";
            mainDiv.style.background = "white";
            mainDiv.innerHTML = "Hello";
            var contentDiv = document.getElementById('content');
            contentDiv.appendChild(mainDiv);        
        }); 
    </script>

    <head lang="en">
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>


    <div id="content">
    </div>
    </body>
    </html>

我认为您的问题可能不完整。