为什么Chrome不允许我使用节点列表
Why Chrome cannot allow me to use nodelist?
我有以下HTML和Javascript代码,但Chrome不允许我运行它,有人能帮我修复吗。HTML代码是:
var myNodelist = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = "The innerHTML of the second paragraph is: " + myNodelist[1].innerHTML;
<p>Hello World!</p>
<p>The DOM is very useful!</p>
<p id="demo"></p>
Chrome的错误消息是:Uncaught TypeError:无法读取未定义的属性"innerHTML"
最有可能的问题是您将JavaScript包含在HTML的标头中,并且它在浏览器解析页面的其余部分之前运行。因此DOM查找document.getElementById("demo")
返回undefined。将您的JavaScript移动到HTML文件的底部,或者让它等待DOM完成渲染(请参阅"$(document).ready()"的非jQuery等价物是什么?)。
相关文章:
- querySelectorAll返回空节点列表
- 未捕获的类型错误:对象#<节点列表>没有方法'addEventListener'
- 从HTML代码段创建节点列表后,.find()未按预期工作
- 如何以有效的方式按给定数组对节点列表进行排序
- 循环遍历节点列表 JS
- 为 Javascript 节点列表返回的长度无效
- 从 2 个得分最高的节点列表中获取 3 个节点(我自己设置的属性)
- 在节点列表中查找节点
- 当我尝试打印到文本区域字段中时,数据被[对象节点列表]替换
- 节点列表操作
- 合并两个节点列表而不重复
- XML解析器/从XML节点列表创建一个XML DOM文档
- 努力将事件侦听器添加到数组或节点列表
- 如何从节点列表访问 HTML 元素的内容
- 获取从当前节点开始并以根节点结束的节点列表
- Javascript构建元素引用节点列表
- 如何在Javascript中识别节点列表中的标记
- Javascript对象节点列表
- 动态和静态节点列表
- 我们可以直接从节点列表中删除节点吗