獲取父節點(獲取他爹)
obj.parentNode //最大的祖宗是document,在往上就是null
獲取子節點
childNodes 獲取子節點,包括文本節點
節點類型:
文本節點
標簽節點
檢測節點的類型:nodeType
obj.nodeType
3 文本節點
1 標簽節點
children 獲取子節點(只包括第一層) 獲取的子節點不包括文本節點
只包括它的第一層子節點,不包括它的孫子級
獲取到的是一組元素 可以用下標、leng
true&&alert(1);
&&如果兩個都是真的,才是真的。如果第一個是假的,后面的不執行。
var a = false||5;
|| 從左往右開始看,有真的取真的,如果都為假,取最后一個
獲取上一個兄弟節點
obj.previousElementSibling; //兼容:高版本瀏覽器
obj.previousSibling; //兼容:ie6,7,8
兼容寫法
obj.previousElementSibling||obj.previousSibling;
獲取下一個兄弟節點
obj.nextElementSibling 兼容:高版本瀏覽器
obj.nextSibling 兼容:ie6,7,8 其他瀏覽器是文本
兼容寫法
obj.nextElementSibling||obj.nextSibling;
獲取首尾子節點
首子節點
父級.firstElementChild 兼容高版本瀏覽器
父級.firstChild 兼容ie6,7,8
兼容寫法
父級.firstElementChild||父級.firstChild
尾子節點
父級.lastElementChild 兼容高版本瀏覽器
父級.lastChild 兼容ie6,7,8
兼容寫法
父級.lastElementChild||父級.lastChild
獲取首尾子節點沒用 太麻煩
首子節點
obj.children[0];
尾子節點
obj.children[obj.children.length-1];