什么是javascript節點

本篇文章給大家分享的是有關什么是javascript節點，小編覺得挺實用的，因此分享給大家學習，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

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

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（）

以上就是什么是javascript節點，小編相信有部分知識點可能是我們日常工作會見到或用到的。希望你能通過這篇文章學到更多知識。更多詳情敬請關注億速云行業資訊頻道。