js 輸出語句document.write()及動態改變元素中內容innerHTML的使用


操作 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>我是用js輸入的內容http:/http://www.cnblogs.com/lhj-blog/</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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM