Question

因此。我刚买了Jon Ducket关于JavaScript的简单书。好读。

我一直在尝试第一个例子“创建数组”。我很确定我按照书中的说法完成了所有工作，但它无法正常工作。我正在尝试打印的元素保持空白。听到我的身体：

<body>

<script type="text/javascript" src="Excersize1.js"></script>

<p id='colors'></p>

</body>

在那个文件中听到我的JavaScript。

var colors;

// array for colors
colors = ['white', 'black', 'custom'];

var el = document.getElementById('colors');

el.textContent = colors[0];

有什么想法吗？

Answer 1

这是因为您的javascript正在执行之前您网页上的元素可以加载。

// Searches the DOM for an element with the ID 'colors'
// but will fail to find it because it hasn't been rendered yet
var el = document.getElementById('colors');

尝试移动页面底部的javascript，这样当它运行时，文档的其余部分就会被加载。

<body>
   <p id='colors'></p>

   <!-- Run the scripts last to help make sure the page is loaded first -->
   <script type="text/javascript" src="Excersize1.js"></script>
</body>

getElementById无法找到元素

1 个答案: