dom操作 獲取元素的若干方法

// 1,getelementbyid:返回元素節點

document.getelementbyid();
// 2,getelementsbyclassname:返回htmlcollection物件(ie9以下不支援。)
document.getelementsbyclassname();
// 3,getelementsbytagname:返回htmlcollection物件
document.getelementsbytagname();
// 4,getelementsbytagname:返回nodelist物件,第0項為元素節點
document.getelementsbyname();
// 5,queryselector:返回選擇器匹配到的第乙個元素節點(選擇器同css用法一致,支援由外到內的巢狀寫法)
document.queryselector('#box em');
// 6,queryselectorall:返回nodelist物件(類似陣列物件,每個值為選中元素節點)
document.queryselectorall();
// 7,獲取子元素集合
// childnodes(ie：只獲取元素節點；非ie：獲取元素節點與文字節點；)
document.getelementbyid().childnodes;
// children(只獲取元素節點，瀏覽器表現相同)
document.getelementbyid().children;
// 8,獲取最後乙個元素節點:lastelementchild(ie<9不支援)
document.getelementbyid().lastelementchild;
// 9,獲取第乙個元素節點:firstelementchild(ie<9不支援)
document.getelementbyid().firstelementchild;
// 10,獲取後乙個兄弟元素節點
// nextsibling(ie<9：後乙個兄弟元素節點；非ie6,7,8：後乙個兄弟節點，文字節點或者元素節點)
document.getelementbyid().nextsibling;
// nextelementsibling(ie<9不支援)
document.getelementbyid().nextelementsibling;
// 11,獲取前乙個兄弟元素節點
// previoussibling(ie<9前乙個兄弟元素節點；非ie6,7,8：前乙個兄弟節點，文字節點或者元素節點)
document.getelementbyid().previoussibling;
// previouselementsibling(ie<9不支援)
document.getelementbyid().previouselementsibling;
// 12,parentnode:獲取父元素節點(parentelement用法一致,僅ie支援)
document.getelementbyid().parentnode;
// offsetparent：獲取第乙個設定定位的上級元素,返回元素節點
console.log(document.getelementbyid().offsetparent)
// 14,獲取指定的某個上級元素的方法
let el = document.getelementbyid();
getparents(el, )
function getparents (el, option) 
el = el.parentnode;
}return ele
}

獲取id元素 DOM元素節點獲取方法

1dom dom全稱是document object model，也叫文件物件模型，這裡document是指從開始到結束的這一部分，window視窗下載入網頁的部分就是dom。dom節點型別分為元素節點，屬性節點和文字節點。如 div文字 元素節點就是 2dom元素節點獲取方法2.1document...

js 獲取dom元素方法

js 獲取dom元素的八種方法 通過id獲取 getelementbyid 通過name屬性 getelementsbyname 通過標籤名 getelementsbytagname 通過類名 getelementsbyclassname 通過選擇器獲取乙個元素 queryselector 通過選擇...

DOM元素的獲取

通過id獲取元素 document.getelementbyid id 通過class獲取元素 document.getelementsbyclassname class 注意 這裡不相容ie8及以下，jq的話獲取class不影響這裡，假如要這樣操作的話，你需要寫個方法 function getel...