JavaScript：改变 HTML 内容

最新推荐文章于 2025-08-23 02:53:08 发布

转载最新推荐文章于 2025-08-23 02:53:08 发布 · 107 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/choucat/p/9330467.html

文章标签：

#javascript #ViewUI

本文介绍了一个简单的JavaScript示例，展示了如何使用JavaScript通过ID选择器获取HTML元素并更改其内容。此示例中，按钮被点击时，指定的段落内容会被替换为新的文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 1 <!DOCTYPE html>
 2 <html>
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <title>JavaScript：改变 HTML 内容</title>
 7 
 8     <script>
 9         function myFunction() {
10             x = document.getElementById("demo");
11             console.dir(x);
12             x.innerHTML = "Hello JS~";
13         }
14     </script>
15 </head>
16 
17 <body>
18 
19 <p id="demo">js能够改变html元素的内容。</p>
20 <button type="button" onclick="myFunction()">点击这里</button>
21 
22 </body>
23 
24 </html>