javascript中innerHTML 獲取或替換html內(nèi)容的實現(xiàn)代碼
innerHTML 屬性用于獲取或替換 HTML 元素的內(nèi)容,語法為Object.innerHTML其中1.Object是獲取的元素對象,如通過document.getElementById('ID')獲取的元素;2.注意書寫,innerHTML區(qū)分大小寫。我們通過id='light'獲取<div> 元素,并將元素的內(nèi)容輸出和改變元素內(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>
通過id獲取h2標簽元素,并賦給變量mychar,然后使用innerHTML屬性,將獲取的h2標簽內(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是一種基于對象、事件驅(qū)動的簡單腳本語言,嵌入在HTML文檔中,由瀏覽器負責解釋和執(zhí)行,在網(wǎng)頁上產(chǎn)生動態(tài)的顯示效果并實現(xiàn)與用戶交互功能。</p><script type='text/javascript'> var mychar= document.getElementById(’icon’); ; document.write('原標題:'+mychar.innerHTML+'<br>'); //輸出原h(huán)2標簽內(nèi)容 mychar.innerHTML='Hello world!'; document.write('修改后的標題:'+mychar.innerHTML); //輸出修改后h2標簽內(nèi)容</script></body></html>
總結(jié)
到此這篇關(guān)于javascript中innerHTML 獲取或替換html內(nèi)容的文章就介紹到這了,更多相關(guān)js替換html內(nèi)容內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 使用Python webdriver圖書館搶座自動預(yù)約的正確方法2. PHP程序員簡單的開展服務(wù)治理架構(gòu)操作詳解(二)3. ASP.NET MVC使用jQuery ui的progressbar實現(xiàn)進度條4. android H5本地緩存加載優(yōu)化的實戰(zhàn)5. Android 簡單的實現(xiàn)滑塊拼圖驗證碼功能6. 淺談由position屬性引申的css進階討論7. 在線php代碼縮進、代碼美化工具:PHP Formatter8. PHP如何開啟Opcache功能提升程序處理效率9. Python3 json模塊之編碼解碼方法講解10. Android Studio 3.5格式化布局代碼時錯位、錯亂bug的解決

網(wǎng)公網(wǎng)安備