javascript把值放入div中的方法:1、利用innerTexts屬性,語法“div對象.innerText="指定值";”;2、利用innerHTML屬性,語法“div對象.innerHTML="指定值";”。
本教程操作環(huán)境:windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript把指定值放入div中
方法1:利用innerTexts屬性
innerText屬性可以設(shè)置或獲取標簽(及其子標簽)中的所有文本,不會獲取標簽(或者說可以過濾掉所有的標簽)。如果有多個空格或者是換行,解析為一個空格。
如果想要清空標簽的內(nèi)容,innerText = ""
;即可
如果想要設(shè)置標簽中的內(nèi)容,innerText = "填寫想要設(shè)置的標簽和內(nèi)容"
;設(shè)置內(nèi)容時,會把原有的內(nèi)容全部覆蓋。但是標簽不會被解析,會直接以文本的形式打印在頁面中。
實現(xiàn)代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style> div{ height: 50px; border: 1px solid red; } </style> </head> <body> <div id="demo"></div><br> <input type="button" onclick="addtext()" value="點擊按鈕,向div中添加內(nèi)容" /> <script type="text/javascript"> function addtext() { var div=document.getElementById("demo"); div.innerText="hello"; } </script> </body> </html>
效果圖:
方法2:利用innerHTML屬性
此方法可獲取標簽中的所有的內(nèi)容,包括標簽、空格、文本、換行等。
想要清空標簽的內(nèi)容,innerHTML = "";即可
如果想要設(shè)置標簽中的內(nèi)容,innerHTML = "填寫想要設(shè)置的標簽和內(nèi)容";設(shè)置內(nèi)容時,會把原有的內(nèi)容全部覆蓋。
實現(xiàn)代碼:
function addtext() { var div=document.getElementById("demo"); div.innerHTML="歡迎來到PHP中文網(wǎng)!"; }
效果圖:
【推薦學習:javascript高級教程】