文檔元素選取和遍歷中的一些容易忘記的概念

選取文檔元素

• getElementById

根據元素的id屬性值，來選取元素，在低於IE8的瀏覽器中，id不區分大小寫，而且對於某些元素也匹配它的name屬性值。

• getElementsByName:

根據元素的name屬性查找元素。在IE9之前的版本中，對於表單（form），表單元素（input area等）,img,iframe等元素也會匹配對應的id值，爲了兼容性，不該將一樣的值同時分配給不一樣元素的id和name屬性（id和name設置一樣的值是沒有問題的）。

而且和window對象同樣，其中設置了id屬性的元素，而且以這個屬性值做爲變量名的變量還未被使用，會自動成爲window或document對象的屬性。在window對象中這些元素有如下幾種：<a>,<area>,<applet>,<embed>,<form>,<frame>,<frameset>,<iframe>,<img>,<object>。在document對象中只有如下幾種<form><img><iframe><applet><embed><object>

• getElementsByTagName
• getElementsByClassName
• querySelectorAll

選取的元素是非實時的。

• querySelector

文檔元素的遍歷

兩種類型的API用於DOM遍歷

1.將DOM當作一個節點樹（Node Tree）

• parentNode
• childNodes
• firstChild, lastChild
• nextSibling, previoursSibling
• nodeType， nodeValue， nodeName

2.將DOM當作一個元素樹（Element Tree）

• children
• firstElementChild, lastElementChild
• nextElementSibling, previoursElementSibling
• childElementCount