節(jié)點操作
每一個節(jié)點都有一個childNodes屬性 其中保存著一個nodeList對象（類數(shù)組）可以動態(tài)查詢DOM結(jié)構(gòu)變換會自動反映到NodeLIst中
eg;
var firstChild=obj.childNodes[0]===var firstChild=obj.childNodes.item(1) item方法獲取第一個
具有l(wèi)ength屬性的 的對象轉(zhuǎn)化真真正的數(shù)組
1 var toArray = function(s){
2 try{
3 return Array.prototype.slice.call(s);//針對IE8以及以下的因為IE8 那個時候NodeList是COM對象7
4 } catch(e){
5 var arr = [];
6 for(var i = 0,len = s.length; i < len; i++){
7 //arr.push(s[i]);
arr[i] = s[i]; //據(jù)說這樣比push快
8 }
9 return arr;
10 }
11 }
直接說節(jié)點
獲取
parentNode 父節(jié)點唯一元素節(jié)點 （offsetParent 最近的定位父級）
childNodes 所有的節(jié)點 children 所有的元素節(jié)點
nextSlibing nextElementSibling（H5新加）后一個兄弟 節(jié)點 元素
previousSbling previousSibling（H5）前一個兄弟
lastChild firstChild
操作
appendChild()
insertBefore()
replaceChild(new,old,index)
removeChild()
cloneNode()
文檔節(jié)點
document.documentElement//html
document.body//body
以上2個所有瀏覽器都支持
document.documentType//文檔聲明 Ie8 為空
文檔信息
document.url//完整的url
document.domian//域名(可設(shè)置)//可以解決跨域
documet.referrer
一些偏門獲取 上節(jié)提過 加以補充記得是document下的對象o images可以不用
images[0]//第一個img
images.namedItem["有name的img元素的name"]==images[“name”]
document.images[] document.forms[] document.links[] document.ahchors[] (帶有name的a)
不看不知道一看真是的怎么還有這么多不知道
