1.get获取所有的a标签
var res = document.getElementsByTagName('a')
2.class属性
var cla = document.getElementsByClassName('pic1')
3.id属性
var title=document.getElementById('title')
4.name属性
var inps = document.getElementsByName('inp')
5.querySelector
var box = document.getElementById('box')
var res = document.querySelector('#box')
var res = document.querySelector('.title')
//获取所有的title,也是一个伪数组
var res = document.querySelectorAll('.title')
// * 通配符,获取页面所有的标签
var res = document.querySelectorAll('*')
//获取子元素/获取所有子元素
var res = document.querySelector('#box span')
6.区别
var lis1 = document.getElementsByTagName('li')
var lis2 = document.querySelectorAll('li')
console.log(lis1); //HTMLCollection(3) [li, li, li]==>只能用for遍历
console.log(lis2); //NodeList(3) [li, li, li] ==> forEach,和for遍历
### 获取 DOM
最新推荐文章于 2024-06-03 09:20:03 发布