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...