.innerHTML
时间: 2024-03-01 17:47:08 浏览: 20
.innerHTML是JavaScript中的一个属性,用于获取或设置HTML元素的内容。它可以用于更改元素的文本内容、插入HTML代码或替换整个元素的内容。
以下是一些使用.innerHTML的示例:
1. 获取元素的内容:
```javascript
var element = document.getElementById("id");
var content = element.innerHTML;
console.log(content); // 输出元素的内容
```
2. 设置元素的内容:
```javascript
var element = document.getElementById("id");
element.innerHTML = "新的内容"; // 将元素的内容替换为新的内容
```
3. 插入HTML代码:
```javascript
var element = document.getElementById("id");
element.innerHTML += "<p>新的段落</p>"; // 在元素的内容后面插入新的段落
```
4. 替换整个元素的内容:
```javascript
var element = document.getElementById("id");
element.innerHTML = "<p>新的内容</p>"; // 替换整个元素的内容为新的内容
```
请注意,使用.innerHTML属性时要小心,因为它可以导致安全问题,例如跨站脚本攻击(XSS)。确保在设置.innerHTML时对用户输入进行适当的验证和转义,以防止恶意代码注入。