什么是javascript節(jié)點

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

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

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

我們常用的節(jié)點標簽：

• 元素節(jié)點（標簽）

• 文本節(jié)點

• 屬性節(jié)點（標簽里的屬性）

節(jié)點的獲取

元素節(jié)點獲取有很多方法

• Document.getElementById()

• Document.getElementsByClassName()

• Document.getElementsByTagName()

• Document.querySelector()

• Document.querySelectorAll()

屬性節(jié)點的獲取

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

• 元素.setAttribute（“屬性名”，“屬性值”）給元素設置屬性和屬性值

• 元素.getAttribute（“屬性名”）獲取屬性值的方法

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

文本節(jié)點

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

獲取元素的子節(jié)點

元素.childNodes 這個屬性有兼容性，標準瀏覽器會獲取文本節(jié)點，而低版本瀏覽器不會。所以建議使用 children這個屬性獲取單個子節(jié)點。

獲取第一個子節(jié)點：

標準下 　　元素.firstElementChild
非標準下　  元素.firstChild

兼容寫法

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

獲取最后一個子節(jié)點

元素.lastElementChild　　元素.lastChild

獲取是一個兄弟節(jié)點

元素.previousSibling　　元素.prevElementSibling

獲取下一個兄弟節(jié)點

元素.nextSibling　　元素.nextElementSibling

獲取父節(jié)點

元素.parentNode 沒有兼容性

元素.parentNode.parentNode

區(qū)分 offsetparent和parentNode

DOM2創(chuàng)建節(jié)點

1、生成節(jié)點的方法  document。createElement（“div”）

2、插入節(jié)點的方法　　

父節(jié)點.appendChild(新節(jié)點)

在父節(jié)點子節(jié)點的后面插入新的節(jié)點

3、在指定位置插入新的節(jié)點

（1）父元素.insetBefore(新節(jié)點，誰的前面) 將新節(jié)點插入指定元素前面

4、刪除元素節(jié)點  父元素.removerChild（）

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