当前阅读教程:JavaScript教程 > 改变 HTML 内容(JavaScript) | |
阅读(22555525) 收藏 赞(5685) 分享 | |
上一篇: 对事件的反应(JavaScript) | 下一篇: 改变 HTML 图像(JavaScript) |
使用 JavaScript 来处理 HTML 内容是非常强大的功能。 实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小白教程(www.2d5.net)</title> </head> <body> <h1>我的第一段 JavaScript</h1> <p id="demo"> JavaScript 能改变 HTML 元素的内容。 </p> <script> function myFunction() { x=document.getElementById("demo"); // 找到元素 x.innerHTML="Hello JavaScript!"; // 改变内容 } </script> <button type="button" onclick="myFunction()">点击这里</button> </body> </html> 默认效果图 点击按钮后效果图 您会经常看到 document.getElementById("some id")。这个方法是 HTML DOM 中定义的。 DOM (Document Object Model)(文档 HTML 对象模型)是用于访问元素的正式 W3C 标准。 您将在本教程的多个章节中学到有关 HTML DOM 的知识。 |
|
上一篇: 对事件的反应(JavaScript) | 下一篇: 改变 HTML 图像(JavaScript) |