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 都意味著未來。