這篇文章主要講解了“javascript如何把指定值放入div中”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“javascript如何把指定值放入div中”吧!
成都網(wǎng)絡(luò)公司-成都網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司十余年經(jīng)驗(yàn)成就非凡,專業(yè)從事成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè),成都網(wǎng)頁設(shè)計(jì),成都網(wǎng)頁制作,軟文發(fā)布平臺,廣告投放等。十余年來已成功提供全面的成都網(wǎng)站建設(shè)方案,打造行業(yè)特色的成都網(wǎng)站建設(shè)案例,建站熱線:028-86922220,我們期待您的來電!
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è)置或獲取標(biāo)簽(及其子標(biāo)簽)中的所有文本,不會獲取標(biāo)簽(或者說可以過濾掉所有的標(biāo)簽)。如果有多個(gè)空格或者是換行,解析為一個(gè)空格。
如果想要清空標(biāo)簽的內(nèi)容,innerText = ""
;即可
如果想要設(shè)置標(biāo)簽中的內(nèi)容,innerText = "填寫想要設(shè)置的標(biāo)簽和內(nèi)容"
;設(shè)置內(nèi)容時(shí),會把原有的內(nèi)容全部覆蓋。但是標(biāo)簽不會被解析,會直接以文本的形式打印在頁面中。
實(shí)現(xiàn)代碼:
效果圖:
方法2:利用innerHTML屬性
此方法可獲取標(biāo)簽中的所有的內(nèi)容,包括標(biāo)簽、空格、文本、換行等。
想要清空標(biāo)簽的內(nèi)容,innerHTML = "";即可
如果想要設(shè)置標(biāo)簽中的內(nèi)容,innerHTML = "填寫想要設(shè)置的標(biāo)簽和內(nèi)容";設(shè)置內(nèi)容時(shí),會把原有的內(nèi)容全部覆蓋。
實(shí)現(xiàn)代碼:
function addtext() { var div=document.getElementById("demo"); div.innerHTML="歡迎來到創(chuàng)新互聯(lián)!"; }
效果圖:
感謝各位的閱讀,以上就是“javascript如何把指定值放入div中”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對javascript如何把指定值放入div中這一問題有了更深刻的體會,具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián),小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!