這篇文章主要講解了“JavaScript中的innerHTML怎么使用”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“JavaScript中的innerHTML怎么使用”吧！

創新互聯專注為客戶提供全方位的互聯網綜合服務，包含不限于成都網站制作、成都網站設計、常熟網絡推廣、小程序制作、常熟網絡營銷、常熟企業策劃、常熟品牌公關、搜索引擎seo、人物專訪、企業宣傳片、企業代運營等，從售前售中售后，我們都將竭誠為您服務，您的肯定，是我們最大的嘉獎；創新互聯為所有大學生創業者提供常熟建站搭建服務，24小時服務熱線：18982081108，官方網址：m.newbst.com

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怎么使用這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是創新互聯，小編將為大家推送更多相關知識點的文章，歡迎關注！

新聞名稱：JavaScript中的innerHTML怎么使用
文章轉載：http://m.newbst.com/article44/jhsche.html

成都網站建設公司_創新互聯，為您提供企業網站制作、品牌網站設計、品牌網站制作、全網營銷推廣、網站內鏈、營銷型網站建設

廣告

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