JavaScript 通常用于操作 HTML 元素。
操作 HTML 元素
如需從 JavaScript 訪問某個 HTML 元素,您可以使用 document.getElementById(id) 方法。
請使用 "id" 屬性來標識 HTML 元素:
例子
通過指定的 id 來訪問 HTML 元素,并改變其內(nèi)容:
<!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 瀏覽器來執(zhí)行。在這種情況下,瀏覽器將訪問 id="demo" 的 HTML 元素,并把它的內(nèi)容(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() 僅僅向文檔輸出寫內(nèi)容。
如果在文檔已完成加載后執(zhí)行 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 創(chuàng)建 Windows 8 app。
對于因特網(wǎng)和視窗操作系統(tǒng),JavaScript 都意味著未來。