javascript節點是什麼

javascript節點是指頁面中所有的內容，包括標籤、屬性、文本，其中javascript元素節點的獲取方法有：1、getElementById()方法；2、getElementsByClassName()方法等等。

本文操作環境：Windows7系統、javascript1.8.5版，DELL G3電腦

JavaScript中的節點是頁面中所有的內容（標籤、屬性、文字（文字、換行、空格、回車）），Node。

我們常用的節點標籤：

• #元素節點（標籤）

• 文字節點

• 屬性節點（標籤裡的屬性）

節點的取得

##元素節點取得有很多方法

• Document.getElementById()

• Document.getElementsByClassName()

• # #Document.getElementsByTagName()

• Document.querySelector()

• Document.querySelectorAll()

#屬性節點的獲取

##元素.attributes 取得元素身上所有屬性構成的集合

元素.setAttribute（“屬性名稱”， 「屬性值」）為元素設定屬性與屬性值

#元素.getAttribute（「屬性名稱」）取得屬性值的方法

元素.removerAttribute("屬性")刪除屬性

文字節點

沒有取得的方法，沒有意思

取得元素的子節點

元素.childNodes 這個屬性有相容性，標準瀏覽器會取得文字節點，而低版本瀏覽器不會。所以建議使用 children這個屬性來取得單一子節點。

取得第一個子節點：

标准下 　　元素.firstElementChild
非标准下　  元素.firstChild

相容寫入法

var list=document.getElementById("list")
var fist=listElementChild||list.fistChild
console.log(fist)

取得最後一個子節點

元素.lastElementChild　　元素.lastChild#取得是兄弟節點

元素.previousSibling　　元素.prevElementSibling

取得下一個兄弟節點

元素.nextSibling　　元素.nextElementSibling

#取得父節點

元素.parentNode 沒有相容性

元素.parentNode.parentNode

區分offsetparent和parentNode

#DOM2建立節點

######1、產生節點的方法 document。 createElement（“div”）######2、插入節點的方法######父節點.appendChild(新節點)######在父節點子節點的後面插入新的節點# #####3、在指定位置插入新的節點######（1）父元素.insetBefore(新節點，誰的前面) 將新節點插入指定元素前面#####4、刪除元素節點 父元素.removerChild（）######【推薦學習：###js基礎教學###】#######

以上是javascript節點是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章！