JavaScript 输出 · W3School Javascript & jQuery 教程

# JavaScript 输出 **JavaScript 通常用于操作 HTML 元素。** ## 操作 HTML 元素如需从 JavaScript 访问某个 HTML 元素，您可以使用 document.getElementById(_id_) 方法。请使用 "id" 属性来标识 HTML 元素： ### 例子通过指定的 id 来访问 HTML 元素，并改变其内容： ``` <!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p id="demo">My First Paragraph</p> <script> `document.getElementById("demo").innerHTML="My First JavaScript";` </script> </body> </html> ``` JavaScript 由 web 浏览器来执行。在这种情况下，浏览器将访问 id="demo" 的 HTML 元素，并把它的内容（innerHTML）替换为 "My First JavaScript"。 ## 写到文档输出下面的例子直接把 <p> 元素写到 HTML 文档输出中： ### 实例 ``` <!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <script> `document.write("<p>My First JavaScript</p>");` </script> </body> </html> ``` ## 警告请使用 document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖： ### 实例 ``` <!DOCTYPE html> <html> <body> <h1>My First Web Page</h1> <p>My First Paragraph.</p> <button onclick="myFunction()">点击这里</button> <script> function myFunction() { document.write("糟糕！文档消失了。"); } </script> </body> </html> ``` ## Windows 8 中的 JavaScript 提示：微软支持通过 JavaScript 创建 Windows 8 app。对于因特网和视窗操作系统，JavaScript 都意味着未来。