开发者问题收集

尝试更改 h1 标签的 innerhtml 但引发错误

2020-12-25
660
   the javascript below is the line 13 and the h1 is my html tag 

index.js:13 未捕获 TypeError:无法在 index.js:13 处设置 null 的属性“innerHTML”

<h1 id="text">javascript practice</h1>

document.getElementById('text').innerHTML = 'hey there';
2个回答

您必须确保元素已安装在 DOM 中

您可以像这样使用

window.addEventListener('DOMContentLoaded', (event) => {
     document.getElementById('text').innerHTML = 'hey there';
});

在此代码片段中,您的代码在所有节点(元素)加载时运行

hamidreza nikoonia
2020-12-25

也许可以为 JavaScript 添加一个函数?这将解决问题。一个很好的例子是:

const h1 = document.getElementById('text');

h1.addEventListener('click', () => {
h1.innerHTML = <p>Hey There</p>
})
Dhaval Pandey
2020-12-25