javascript改變HTML內容的方法:使用innerHTML屬性來修改,例如【document.getElementById(id).innerHTML = new text】。
本文操作環境:windows10系統、javascript 1.8.5&&html 5、thinkpad t480電腦。
javascript修改html內容最簡單的方法就是使用innerHTML屬性,我們一起來看看語法:
document.getElementById(id).innerHTML = new text
例如我們要修改
元素的內容:
<html> <body> <p id="p1">Hello World!</p> <script> document.getElementById("p1").innerHTML = "hello kitty!"; </script> </body> </html>
解釋:上面的HTML 文件包含id="p1" 的
元素我們使用HTML DOM 來取得id="p1" 的這個元素JavaScript 把該元素的內容(innerHTML)改為"Hello Kitty! "
推薦學習:javascript影片教學
#以上是javascript如何改變HTML內容的詳細內容。更多資訊請關注PHP中文網其他相關文章!