這篇“JavaScript中怎么使用innerHTML”文章的知識點大部分人都不太理解，所以小編給大家總結(jié)了以下內(nèi)容，內(nèi)容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“JavaScript中怎么使用innerHTML”文章吧。

創(chuàng)新互聯(lián)公司是一家專注于做網(wǎng)站、成都做網(wǎng)站與策劃設(shè)計,臺江網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)公司做網(wǎng)站,專注于網(wǎng)站建設(shè)10余年,網(wǎng)設(shè)計領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:臺江等地區(qū)。臺江做網(wǎng)站價格咨詢:028-86922220

JavaScript innerHTML怎么使用

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

語法：

nodeObject.innerHTML=HTMLCode

其中，nodeObject 為節(jié)點對象，HTMLCode 為HTML代碼。

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

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

div id="demo">

div>點擊這里添加新節(jié)點/div>

/div>

script type="text/javascript">

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

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

}

/script>

Javascript怎樣獲取兄弟節(jié)點

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

獲取上一個節(jié)點

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

語法：

nodeObject.previousSibling

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

在IE下，會忽略節(jié)點間的空白節(jié)點(空格、回車和Tab鍵);在遵循W3C規(guī)范的瀏覽器(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;

}

以上就是關(guān)于“JavaScript中怎么使用innerHTML”這篇文章的內(nèi)容，相信大家都有了一定的了解，希望小編分享的內(nèi)容對大家有幫助，若想了解更多相關(guān)的知識內(nèi)容，請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。