导读 JavaScript中的innerHTML的用法 👨💻在JavaScript中，`innerHTML`是一个非常强大的属性，可以用来获取或设置HTML元素的内容。它允许你动
JavaScript中的innerHTML的用法 👨💻
在JavaScript中，`innerHTML`是一个非常强大的属性，可以用来获取或设置HTML元素的内容。它允许你动态地改变网页上的文本和HTML标签。下面是一些关于如何使用它的基本指南：
首先，让我们看看如何使用`innerHTML`来修改网页
1️⃣ 获取元素
```javascript
let content = document.getElementById("example").innerHTML;
console.log(content);
```
上述代码将获取id为"example"的元素的当前内容。
2️⃣ 设置元素
```javascript
document.getElementById("example").innerHTML = "";
```
通过这行代码，我们可以改变id为"example"的元素的内容为一个新的段落。
3️⃣ 使用innerHTML需要注意安全问题：
直接使用`innerHTML`可能会导致XSS（跨站脚本攻击）。因此，在使用时，请确保输入是可信的。
4️⃣ 动态创建
```javascript
let newContent = "";
document.body.innerHTML += newContent;
```
这样，我们就可以向页面添加新的HTML内容了。
掌握`innerHTML`的使用方法，可以让你更灵活地操作网页内容，提升用户体验！
