本帖最后由 frankxu 于 2017-9-29 11:00 编辑
改变 HTML 内容修改 HTML 内容的最简单的方法时使用 innerHTML 属性。 如需改变 HTML 元素的内容,请使用这个语法: - document.getElementById(id).innerHTML=新的 HTML
复制代码 本例改变了 <p>元素的内容:实例- <html>
- <body>
- <p id="p1">Hello World!</p>
- <script>
- document.getElementById("p1").innerHTML="新文本!";
- </script>
- </body>
- </html>
复制代码 本例改变了 <h1> 元素的内容:实例- <!DOCTYPE html>
- <html>
- <body>
- <h1 id="header">Old Header</h1>
- <script>
- var element=document.getElementById("header");
- element.innerHTML="新标题";
- </script>
- </body>
- </html>
复制代码实例讲解: - 上面的 HTML 文档含有 id="header" 的 <h1> 元素
- 我们使用 HTML DOM 来获得 id="header" 的元素
- JavaScript 更改此元素的内容 (innerHTML)
|