innerHTML属性用于获取或设置HTML元素的内容。它可以用于读取元素的内容,也可以用于修改元素的内容。
用法示例:
1. 获取元素的内容:
```javascript
var element = document.getElementById("myElement");
var content = element.innerHTML;
console.log(content);
```
2. 设置元素的内容:
```javascript
var element = document.getElementById("myElement");
element.innerHTML = "
This is a new content.
";```
innerHTML属性可以包含HTML标记,因此可以用于添加新的HTML内容或修改元素的现有内容。
需要注意的是,使用innerHTML属性修改元素内容时,会将原有的内容完全替换掉。如果需要在保留现有内容的基础上添加新的内容,可以使用字符串拼接或创建新的DOM节点来实现。