1dom
dom全稱是document object model，也叫文件物件模型，這裡document是指從開始到結束的這一部分，window視窗下載入網頁的部分就是dom。
dom節點型別分為元素節點，屬性節點和文字節點。如**
div文字
元素節點就是
2dom元素節點獲取方法2.1document.getelementbyid(id)方法
當然我們也是通過點語法賦值進行行間屬性值的修改，比如將id="div1"改為id="div2"就可以寫成odiv.id="div2"，另外.style.***這種方式只能獲取行間屬性的值，不能獲取外聯樣式屬性的值，比如這裡odiv.style.height就獲取不到高度200px,因為它屬於外聯樣式，但樣式依然會生效的。我們可以自己封裝乙個方法，這樣獲取到：
//跨瀏覽器的相容 alert(getstyle(odiv, "height")); function getstyle(node, cssstyle)node.getelementsbytagname(標籤名)是從node節點開始，通過標籤名獲取符合條件的元素節點。這裡沒有將node寫為document是因為document是指當前頁面到裡所有的節點。它的返回值是乙個類陣列。
如下例裡，document.getelementsbytagname("li")獲取的是當前頁面所有符合條件的節點，包括ul下的li和ol下的li
如下例裡，為了獲取ol下的所有li標籤，我們先通過document.getelementbyid("ol1")獲取id為ol1的元素節點，然後再在這個節點之下通過getelementsbytagname("li")獲取li標籤
2.3node.getelementsbyclassname(class類名)方法
node.getelementsbyclassname(class類名)是通過class類名獲取符合條件的元素節點。此方法ie8以下不相容。2.4document.getelementsbyname(name屬性的值)比如說，我們要獲取ul下所有的li標籤，並讓它的背景色為紅色，可以先通過document.getelementbyid("ul1");獲取到id為ul1的ul元素節點，然後通過oul.getelementsbyclassname("box")
獲取到它下面的所有li標籤，最後for迴圈遍歷。如下圖：
document.getelementsbyname(name屬性的值)方法是通過name屬性的值獲取符合條件的元素節點。此方法適用於獲取表單元素，用的不多。
2.5document.queryselector( ) 方法
document.queryselector( ) 方法返回值是乙個元素節點，找到符合條件的第乙個元素節點。
如下例裡，我們發現只獲取了第乙個class為box的li標籤，並將其背景色設為了紅色。如果我們想獲取id="ol2"下class為box的li標籤的話，那就可以寫成document.queryselector("#ol2 .box")
2.6document.queryselectorall( )方法
document.queryselectorall( )方法返回值是乙個類陣列。
引數格式都是css選擇器字串，也就是我們樣式選擇器怎麼寫這個括號裡的引數就怎麼寫。
小程式如何獲取dom 元素節點
返回的 obj 有五個方法 1.obj.in component 沒用過這個方法，多用於元件的選擇器。2.obj.select selector 獲取指定的節點，selector是css選擇器。返回乙個nodesref物件例項，可以用於獲取節點資訊。3.obj.selectall selector ...
獲取元素,獲取節點詳解
描述家庭族譜圖，只要我們獲得乙個元素，就可以通過很多的屬性或者方法找到頁面中的任何乙個元素 一 獲取元素的常用的8個方法 1 document.getelementbyid 1 id重複了，只獲取第乙個 2.ie6 7下不區分id大小寫 3.ie6 7下把表單元素name當作id使用 4.內嵌式引入...
DOM獲取元素大小
1.style獲取行內的元素大小 var box document.getelementbyid box alert typeof box.style.width alert box.style.height 2.獲取計算後的css大小，如果沒有設定，非ie會獲取預設大小，ie會理解為0 var s...