DOM獲取元素的幾種方法

2021-09-13 19:03:24 字數 788 閱讀 3532

dom根據id獲取元素

var div = document.getelementbyid('main');

console.log(div);

// 獲取到的資料型別 htmldivelement,物件都是有型別的

// htmldivelement <-- htmlelement <-- element  <-- node  <-- eventtarget

dom根據標籤名獲取元素

var divs = document.getelementsbytagname('div');

for (var i = 0; i < divs.length; i++)

dom根據name獲取元素

var inputs = document.getelementsbyname('hobby');

for (var i = 0; i < inputs.length; i++)

dom根據類名獲取元素

var mains = document.getelementsbyclassname('main');

for (var i = 0; i < mains.length; i++)

dom根據選擇器獲取元素

var text = document.queryselector('#text');

console.log(text);

var boxes = document.queryselectorall('.box');

for (var i = 0; i < boxes.length; i++)

詳細列舉DOM獲取元素的幾種方法

整理記錄一些以前的筆記 在dom中,提供了很多的獲取元素的方法和之間關係的屬性以及操作這些元素的方法。1 通過元素的id來獲取乙個元素 document.getelementbyid 元素的id 在整個文件中,通過元素的id獲取到這個元素物件 獲取的是乙個元素 注意 如果頁面中的 id 重複了,那麼...

獲取元素的幾種方法

document.getelementbyid id document.getelementbytagname 標籤名 document.getelementbyclassname classname 獲取父節點,元素物件.parentnode 獲取子元素,元素物件.children 獲取下乙個兄弟...

Dom獲取元素的幾種方式

通過id獲取獲取元素 document.getelementbyid 通過標籤名獲取元素 集合 document.getelementbytagname 通過class獲取元素 集合 ie9失效 document.getelementbyclassname 封裝getbyclass 方法一 func...