溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
JavaScript中innerHTML如何使用，相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。
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如何使用的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
