如何使用 Javascript 更改 <div> 标签内的文本？

Question

我需要一些关于使用 JavaScript 编辑 HTML 元素的帮助。是否可以用javascript更改“文本”？我尝试过使用document.getElementById，但我认为我做得不正确。

Answer 1

使用像在 css 中使用的查询一样获取 elemet：

var element = document.querySelector('div.header');

使用属性更改内容textContent：

element.textContent = "New Content;"

将图像添加到内容中：

document.querySelector('div.header').innerHTML = "<img src='smiley.gif' alt='Smiley face' height='42' width='42'>";