我正在做一个网站,我需要做一个幻灯片文本。我的代码如下:
var quotes = new Array();
quotes[0] = "ola mundo";
quotes[1] = "quote2";
quotes[2] = "quote3";
quotes[3] = "quote4";
quotes[4] = "quote5";
console.log(quotes);
var counter = 0;
function loop() {
if (counter > 4) counter = 0;
document.getElementById('textslide').firstElementChild.innerHTML = quotes[counter];
counter++;
console.log(counter);
setTimeout(loop, 2000);
}
loop();
和 HTML:
<div id="textslide">
<p></p>
</div>
当我加载页面时,出现此错误:
0x800a138f - Erro de runtime de JavaScript:You Can not Get to property ' firstElementChild ' of a reference not set null OU
我该如何解决这个问题?
最佳答案
错误意味着 document.getElementById('textslide')
没有解析,这意味着您的文档 (DOM) 没有完全加载。
在执行 JavaScript 函数之前确保您的 DOM 已准备就绪:
<body>
:
<div id="textslide">
<p></p>
</div>
<script type="text/javascript">
// your JS code here or in the <head> element
window.onload = loop;
</script>
</body>
并从您的 JS 代码中删除对 loop
的调用。
有several ways捕捉加载事件。
如果您不想使用 load
事件,请确保您的 JavaScript 代码位于 body
元素的底部。
关于javascript - javascript 我需要帮助来解决问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28610687/