JavaScript中innerHTML如何使用，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

創新互聯長期為近千家客戶提供的網站建設服務，團隊從業經驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯網生態環境。為田陽企業提供專業的成都做網站、網站建設，田陽網站改版等技術服務。擁有十年豐富建站經驗和眾多成功案例,為您定制開發。

JavaScript innerHTML怎么使用

( 1 ) innerHTML可以向指定的節點直接插入HTML代碼。

語法：

nodeObject.innerHTML=HTMLCode

其中，nodeObject 為節點對象，HTMLCode 為HTML代碼。

注意：innerHTML 會覆蓋原來的HTML代碼。

舉例，向 id="demo" 的節點添加三個新節點：

div id="demo">

div>點擊這里添加新節點/div>

/div>

script type="text/javascript">

document.getElementById("demo").onclick=function(){

this.innerHTML="div>這是新節點 1/div>div>這是新節點 2/div>div>這是新節點 3/div>";

}

/script>

Javascript怎樣獲取兄弟節點

所謂兄弟節點，是指當前節點的上一個節點或下一個節點。

獲取上一個節點

在Javascript中，通過 previousSibling 來獲取上一個節點。

語法：

nodeObject.previousSibling

其中，nodeObject 為節點對象(元素節點)。

在IE下，會忽略節點間的空白節點(空格、回車和Tab鍵);在遵循W3C規范的瀏覽器(Chrome、FireFox、Safari等)下則不會。

請看下面一段代碼：

#demo{

height:180px;

width:250px;

padding:0px 10px 10px 10px;

border:1px solid #ccc;

background-color:#ededed;

}

#demo div{

height:50px;

width:250px;

margin-top:10px;

text-align:center;

line-height:50px;

background-color:#ccc;

}

看完上述內容，你們掌握JavaScript中innerHTML如何使用的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注創新互聯行業資訊頻道，感謝各位的閱讀！

名稱欄目：JavaScript中innerHTML如何使用-創新互聯
分享地址：http://vcdvsql.cn/article48/ceoghp.html

成都網站建設公司_創新互聯，為您提供軟件開發、微信小程序、網站制作、網站維護、動態網站、電子商務

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯