var div = document.getElementById('main');
console.log(div);// 获取到的数据类型 HTMLDivElement,对象都是有类型的// HTMLDivElement <-- HTMLElement <-- Element <-- Node <-- EventTarget
注意:由于id名具有唯一性,部分浏览器支持直接使用id名访问元素,但不是标准方式,不推荐使用。
根据标签名获取元素
var divs = document.getElementsByTagName('div');for(var i =0; i < divs.length; i++){var div = divs[i];
console.log(div);}
根据name获取元素*
var inputs = document.getElementsByName('hobby');for(var i =0; i < inputs.length; i++){var input = inputs[i];
console.log(input);}
根据类名获取元素
var mains = document.getElementsByClassName('main');for(var i =0; i < mains.length; i++){var main = mains[i];
console.log(main);}
根据选择器获取元素
var text = document.querySelector('#text');
console.log(text);var boxes = document.querySelectorAll('.box');for(var i =0; i < boxes.length; i++){var box = boxes[i];
console.log(box);}