js innerhtml

作者：萫蕉姺森う发布日期:2025-05-19 浏览:61

<!DOCTYPE html>
<html>
<head>
    <title>JS innerHTML Example</title>
</head>
<body>

<h2>Change Content Using innerHTML</h2>

<p id="demo">Original content</p>

<button onclick="changeContent()">Change Content</button>

<script>
function changeContent() {
    // 使用 innerHTML 属性来改变元素的内容
    document.getElementById("demo").innerHTML = "New content!";
}
</script>

</body>
</html>

解释说明：

innerHTML 是 JavaScript 中的一个属性，用于获取或设置指定元素的 HTML 内容。
在上面的示例中，我们有一个段落元素 <p>，其初始内容为 "Original content"。
当用户点击按钮时，会触发 changeContent() 函数，该函数通过 document.getElementById("demo").innerHTML 修改了段落的内容，将其改为 "New content!"。

上一篇：javascript console

下一篇：html css js三者之间的关系