📅 最后修改于: 2023-12-03 15:31:42.538000 🧑 作者: Mango
在 JavaScript 中，我们可以使用 innerHTML 属性将字符串形式的 HTML 写入一个 div 元素中。
document.getElementById("myDiv").innerHTML = "<p>This is some text.</p>";
以上代码将把一个包含 <p> 标签的字符串写入 id 为 myDiv 的 div 元素中。
<!DOCTYPE html>
<html>
<head>
<title>JavaScript 写入 div</title>
</head>
<body>
<div id="myDiv">这是一个空的 div。</div>
<button onclick="writeHTML()">写入 HTML</button>
<script>
function writeHTML() {
document.getElementById("myDiv").innerHTML = "<p>这是一段文本。</p>";
}
</script>
</body>
</html>
在上述示例代码中，当用户点击按钮时，writeHTML() 函数将会把 <p> 标签内的文本写入 myDiv div 元素中。
innerHTML 属性会重写该元素中的所有内容，因此要注意在使用时，要确保该元素的其它内容不会受到影响。
在使用 innerHTML 属性时，要小心 XSS 攻击。