javascript中innerHTML 獲取或替換html內(nèi)容的實(shí)現(xiàn)代碼
innerHTML 屬性用于獲取或替換 HTML 元素的內(nèi)容，語(yǔ)法為Object.innerHTML其中1.Object是獲取的元素對(duì)象，如通過(guò)document.getElementById('ID')獲取的元素；2.注意書(shū)寫，innerHTML區(qū)分大小寫。我們通過(guò)id='light'獲取<div> 元素，并將元素的內(nèi)容輸出和改變?cè)貎?nèi)容，代碼如下:
<!DOCTYPE html><html> <head> <meta charset='utf-8'> <title>innerHTML屬性</title> </head> <body> <div id='cshi'> 你好，黑夜20200317 </div> <!-- <script type='text/javascript'> var mylight=document.getElementById(’light’); document.write(’原始內(nèi)容:’+mylight.innerHTML+’<br/>’);//輸入元素內(nèi)容 mylight.innerHTML=’javascript tomorrow’;//修改元素內(nèi)容 document.write(’替換內(nèi)容:’+mylight.innerHTML); </script> --> <script type='text/javascript'> var mystr=document.getElementById(’cshi’); mystr.innerHTML='DOM操作'; // document.write(mystr); </script> </body></html>
通過(guò)id獲取h2標(biāo)簽元素,并賦給變量mychar,然后使用innerHTML屬性，將獲取的h2標(biāo)簽內(nèi)容修改為'Hello world!'
<!DOCTYPE HTML><html><head><meta http-equiv='Content-Type' content='text/html; charset=utf-8' /><title>innerHTML</title></head><body><h2 id='con'>javascript</H2><p> JavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)的簡(jiǎn)單腳本語(yǔ)言，嵌入在HTML文檔中，由瀏覽器負(fù)責(zé)解釋和執(zhí)行，在網(wǎng)頁(yè)上產(chǎn)生動(dòng)態(tài)的顯示效果并實(shí)現(xiàn)與用戶交互功能。</p><script type='text/javascript'> var mychar= document.getElementById(’icon’); ; document.write('原標(biāo)題:'+mychar.innerHTML+'<br>'); //輸出原h(huán)2標(biāo)簽內(nèi)容 mychar.innerHTML='Hello world!'; document.write('修改后的標(biāo)題:'+mychar.innerHTML); //輸出修改后h2標(biāo)簽內(nèi)容</script></body></html>
總結(jié)
到此這篇關(guān)于javascript中innerHTML 獲取或替換html內(nèi)容的文章就介紹到這了,更多相關(guān)js替換html內(nèi)容內(nèi)容請(qǐng)搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)！
相關(guān)文章：
1. 基于javaweb+jsp實(shí)現(xiàn)學(xué)生宿舍管理系統(tǒng)2. idea設(shè)置代碼格式化的方法步驟3. 使用EF Code First搭建簡(jiǎn)易ASP.NET MVC網(wǎng)站并允許數(shù)據(jù)庫(kù)遷移4. java處理csv文件上傳示例詳解5. Spring boot應(yīng)用啟動(dòng)后首次訪問(wèn)很慢的解決方案6. 如何在瀏覽器端加密——使用Javascript加密解密7. Vue3獲取DOM節(jié)點(diǎn)的3種方式實(shí)例8. PHP安全-文件上傳攻擊9. 發(fā)揮語(yǔ)言的威力--融合PHP與ASP10. JavaScript this關(guān)鍵字指向常用情況解析
網(wǎng)公網(wǎng)安備