JavaScript中怎么使用innerHTML

這篇“JavaScript中怎么使用innerHTML”文章的知識點大部分人都不太理解，所以小編給大家總結了以下內容，內容詳細，步驟清晰，具有一定的借鑒價值，希望大家閱讀完這篇文章能有所收獲，下面我們一起來看看這篇“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”這篇文章的內容，相信大家都有了一定的了解，希望小編分享的內容對大家有幫助，若想了解更多相關的知識內容，請關注億速云行業資訊頻道。