innerhtml

作者：√学卟会掩饰发布日期:2025-05-01 浏览:114

<!DOCTYPE html>
<html>
<head>
    <title>innerHTML 示例</title>
</head>
<body>
    <div id="example">这是一个示例文本。</div>
    <button onclick="changeContent()">点击修改内容</button>

    <script>
        function changeContent() {
            // 使用 innerHTML 修改元素的内容
            document.getElementById("example").innerHTML = "<strong>内容已被修改！</strong>";
        }
    </script>
</body>
</html>

解释说明：

innerHTML 是一个用于获取或设置指定元素的 HTML 内容的属性。
在上面的代码中，我们有一个 div 元素和一个按钮。点击按钮时，会触发 changeContent 函数。
changeContent 函数使用 innerHTML 属性将 div 元素的内容替换为新的 HTML 内容（加粗的文本）。

上一篇：html 换行

下一篇：html onplay