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`的使用方法，可以让你更灵活地操作网页内容，提升用户体验！