1. previousSibling

• 用法
  element.previousSibling
• 注意
  previousSibling 屬性返回同一樹層級中指定節(jié)點的前一個節(jié)點悍募。
  被返回的節(jié)點以 Node 對象的形式返回。
  注釋：如果沒有 previousSibling 節(jié)點洋机，則返回值是 null坠宴。

2. appendChild

• 用法
  element.appendChild(node)
• 注意
  返回被添加的節(jié)點

3. attributes

• 用法
  element.attributes
• 注意
  attributes 屬性返回指定節(jié)點的屬性集合，即 NamedNodeMap绷旗。

<button id="myBtn" onclick="myFunction()">試一下</button>

截屏2021-02-25 下午9.24.28.png

4.className

• 用法
  element.className=classname
• 注意
  返回當前節(jié)點的class屬性喜鼓，string

5.cloneNode

• 用法
  element.cloneNode(bool)
• 注意
  cloneNode() 方法創(chuàng)建節(jié)點的拷貝，并返回該副本衔肢。
  cloneNode() 方法克隆所有屬性以及它們的值庄岖。
  如果您需要克隆所有后代，請把 deep 參數(shù)設(shè)置 true角骤，否則設(shè)置為 false隅忿。

6.className

• 用法
  element. compareDocumentPosition(node)

var p1=document.getElementById("p1");
var p2=document.getElementById("p2");
p1.compareDocumentPosition(p2);

• 注意
  compareDocumentPosition() 方法比較兩個節(jié)點，并返回描述它們在文檔中位置的整數(shù)邦尊。
  請看上面的例子背桐。返回值可能是：
  1：沒有關(guān)系，兩個節(jié)點不屬于同一個文檔蝉揍。
  2：第一節(jié)點（P1）位于第二個節(jié)點后（P2）链峭。
  4：第一節(jié)點（P1）定位在第二節(jié)點（P2）前。
  8：第一節(jié)點（P1）位于第二節(jié)點內(nèi)（P2）又沾。
  16：第二節(jié)點（P2）位于第一節(jié)點內(nèi)（P1）弊仪。
  32：沒有關(guān)系熙卡，或是兩個節(jié)點是同一元素的兩個屬性。
  注釋：返回值可以是值的組合励饵。例如驳癌，返回 20 意味著在 p2 在 p1 內(nèi)部（16），并且 p1 在 p2 之前（4）曲横。

7. contentEditable

• 用法
  element.contentEditable=true|false
• 注意
  contentEditable 屬性設(shè)置或返回元素內(nèi)容是否可編輯喂柒。
  提示：您也可以使用 isContentEditable 屬性來查明元素內(nèi)容是否可編輯。

8.dir

• 用法
  element.dir=text-direction
• 注意
  dir 屬性設(shè)置或返回元素的文本方向

9. firstChild

• 用法
  element. firstChild
• 注意
  firstChild 屬性返回指定節(jié)點的首個子節(jié)點禾嫉，以 Node 對象灾杰。
  注釋：在 HTML 中，文本本身是 HTML 元素的父節(jié)點熙参，HEAD 和 BODY 是 HTML 元素的子節(jié)點艳吠。

10. getAttribute

• 用法
  element.getAttribute(attrName)
• 注意
  getAttribute() 方法返回指定屬性名的屬性值。

11. getAttributeNode

• 用法

document.getElementsByTagName("a")[0].getAttributeNode("target");

12. getElementsByTagName

• 用法
  element. getElementsByTagName(TagName)
• 注意
  getElementsByTagName() 方法返回具有指定標簽名的元素子元素集合孽椰，以 NodeList 對象昭娩。*返回所有元素

13. hasAttribute/hasAttributes

• 用法
  element.hasAttribute(attrName) / element.hasAttributes()
• 注意
  hasAttribute 如果存在指定屬性，則 hasAttribute() 方法返回 true黍匾，否則返回 false栏渺。
  hasAttributes 如果指定節(jié)點擁有屬性，則 hasAttributes() 方法返回 true锐涯，否則返回 false磕诊。

14. hasChildNodes

• 用法
  element.hasChildNodes()
• 注意
  hasChildNodes() 方法返回 true，如果指定節(jié)點擁有子節(jié)點纹腌，否則返回 false霎终。

15. insertBefore

• 用法

document.getElementById("myList").insertBefore(newItem,existingItem);

• 注意
  insertBefore() 方法在您指定的已有子節(jié)點之前插入新的子節(jié)點。
  提示：如果您希望創(chuàng)建包含文本的新列表項升薯，請記得創(chuàng)建文本節(jié)點形式的文本莱褒，以便追加到 LI 元素中，然后向列表插入這個 LI涎劈。
  您也可以使用 insertBefore 方法插入/移動已有元素广凸。

16. isEqualNode

• 用法
  element. isEqualNode(node)
• 注意
  isEqualNode() 方法檢查兩個節(jié)點是否相等。
  如果下例條件為 true责语，則兩個節(jié)點相等：
  節(jié)點類型相同
  擁有相同的 nodeName猫态、NodeValue萧朝、localName仔役、nameSpaceURI 以及前綴
  所有后代均為相同的子節(jié)點
  擁有相同的屬性和屬性值（屬性次序不必一致）

17. isSameNode

• 用法
  element. isSameNode(node)
• 注意
  isSameNode() 方法檢查兩節(jié)點是否是相同的節(jié)點间护。
  isSameNode() 方法返回 true，如果兩節(jié)點是相同的節(jié)點白筹，否則返回 false智末。

18. lastChild

• 用法
  element.lastChild
• 注意
  lastChild 屬性返回指定節(jié)點的最后一個子節(jié)點谅摄，以 Node 對象。

19. nextSibling

• 用法
  element.nextSibling
• 注意
  nextSibling 屬性返回指定節(jié)點之后緊跟的節(jié)點系馆，在相同的樹層級中送漠。
  被返回的節(jié)點以 Node 對象返回。
  注釋：如果沒有 nextSibling 節(jié)點由蘑，則返回值為 null闽寡。

20. nodeName

• 用法
  element. nodeName
• 注意
  nodeName 屬性指定節(jié)點的節(jié)點名稱。
  如果節(jié)點是元素節(jié)點尼酿，則 nodeName 屬性返回標簽名爷狈。
  入股節(jié)點是屬性節(jié)點，則 nodeName 屬性返回屬性的名稱裳擎。
  對于其他節(jié)點類型涎永，nodeName 屬性返回不同節(jié)點類型的不同名稱。

21. normalize

• 用法
  element.normalize()
• 注意
  normalize() 方法移除空的文本節(jié)點鹿响，并連接相鄰的文本節(jié)點羡微。

22. parentNode

• 用法
  element.parentNode
• 注意
  parentNode 屬性以 Node 對象的形式返回指定節(jié)點的父節(jié)點。
  如果指定節(jié)點沒有父節(jié)點惶我，則返回 null妈倔。

23. removeAttribute

• 用法
  element.removeAttribute(name)
• 注意
  removeAttribute() 方法刪除指定的屬性。
  此方法與 removeAttributeNode() 方法的差異是：removeAttributeNode() 方法刪除指定的 Attr 對象绸贡，而此方法刪除具有指定名稱的屬性启涯。結(jié)果是相同的。同時此方法不返回值恃轩，而 removeAttributeNode() 方法返回被刪除的屬性，以 Attr 對象的形式黎做。

24. removeChild

• 用法
  element.removeChild(node)
• 注意
  removeChild() 方法指定元素的某個指定的子節(jié)點叉跛。
  以 Node 對象返回被刪除的節(jié)點，如果節(jié)點不存在則返回 null蒸殿。

25. replaceChild

• 用法
  element.replaceChild(newnode,oldnode);
• 注意
  replaceChild() 方法用新節(jié)點替換某個子節(jié)點筷厘。
  這個新節(jié)點可以是文檔中某個已存在的節(jié)點，或者您也可創(chuàng)建新的節(jié)點宏所。

25. textContent

• 用法

document.getElementsByTagName("BUTTON")[0].textContent;

• 注意
  textContent 屬性設(shè)置或返回指定節(jié)點的文本內(nèi)容酥艳，以及它的所有后代。
  如果您設(shè)置了 textContent 屬性爬骤，會刪除所有子節(jié)點充石，并被替換為包含指定字符串的一個單獨的文本節(jié)點。
  提示：有時霞玄，此屬性可用于取代 nodeValue 屬性骤铃，但是請記住此屬性同時會返回所有子節(jié)點的文本拉岁。