Hello, world!
```
使用innerHTML获取内容，会得到：
```javascript
document.getElementById("myDiv").innerHTML; // 返回 "Hello, world!"
```
使用innerText获取内容，只会得到：
```javascript
document.getElementById("myDiv").innerText; // 返回 "Hello, world!"
```
2. 获取内容的方式
innerHTML：返回元素的HTML内容，包括标签。
innerText：返回元素的文本内容，不包括标签。
3. 对内容的修改
innerHTML：可以修改元素的内容，包括标签。
innerText：只能修改元素的文本内容，不能添加或删除标签。
举例来说，假设有一个p元素：
```html
Hello, world!
``` 使用innerHTML修改内容： ```javascript document.getElementById("myP").innerHTML = "Goodbye, world!"; ``` 使用innerText修改内容： ```javascript document.getElementById("myP").innerText = "Goodbye, world!"; ``` 三、何时使用innerHTML和innerText 1. 当需要获取或设置元素的所有内容，包括标签时，使用innerHTML。 2. 当只需要获取或设置元素的文本内容时，使用innerText。 四、文末QA问答 Q：innerHTML和innerText在性能上有何差异？ A：通常情况下，innerHTML的性能优于innerText，因为innerHTML可以一次性获取和设置整个元素的内容，而innerText需要遍历元素的所有子节点来获取文本内容。 Q：为什么使用innerHTML设置内容时，文本会被包裹在标签中？ A：这是因为innerHTML会将设置的内容当作HTML解析，并自动添加标签。例如，使用innerHTML设置文本内容时，会自动添加标签。 Q：innerText是否可以用于获取表单元素的值？ A：可以。innerText可以用来获取表单元素的值，但需要注意的是，它只能获取到元素的文本内容，不包括标签。 通过以上分析，相信大家对innerHTML和innerText的区别有了更深入的了解。在实际应用中，根据具体需求选择合适的属性，可以帮助我们更好地处理HTML元素的内容。