Menu
CoddyTech

innerHTML

Coddy JavaScript DOM 方法 课程的第 11 课,共 13 课。

属性 innerHTML 用于设置或获取元素内的完整 HTML 内容(包括子元素)。这对于动态更新网页某个部分的内容很有用。

element.innerHTML = "<b>Example Text !!</b>";
challenge icon

挑战

简单

给定一段 HTML 代码,其中包含一个 ID 为 content 的 div。

只能使用 JavaScript,更改这个 div 元素的内容:

  1. 使用 getElementById 函数获取 div 元素。
  2. 将 HTML 内容设为 "<b>Updated Content</b>"。

亲手试试

<!DOCTYPE html>
<html>
    <body>
        <div id="content">Original Content</div>
        <script src="script.js"></script>
    </body>
</html>

JavaScript DOM 方法中的所有课

自己练习: Web 在线编辑器