0
点赞
收藏
分享

微信扫一扫

jsDOM操作之获取元素


1 根据id名获取

document.getElementById(idName)

2 根据标签名获取

document.getElementsByTagName(tagName)   // 返回一个集合 (类数组对象)  从整个文档获取
element.getElementsByTagName(tagName) // 从element的后代元素中获取

3 根据类名获取

document.getElementsByClassName(className)   // 返回一个集合(类数组对象)  从整个文档获取
element.getElementsByClassName(className) // 从element的后代中获取

需要 IE9 以上浏览器支持!

4 根据 name 属性值获取

document.getElementsByName()  //返回集合  只有document才有该方法

5 根据选择器获取

document.querySelector(选择器)   //选择器第一个满足选择器条件的
document.querySelectorAll(选择器) //选择所有满足选择器条件的,返回nodeList(类数组对象)
element.querySelector(选择器)
element.querySelectorAll(选择器)

需要 IE8 以上浏览器支持!

比较推荐这种用法。

6 获取所有的元素

document.all  //所有的元素组成的集合(类数组对象)

//document.all的妙用
if (document.all) {
//说明是IE浏览器 IE10以及以下版本
} else {
// 说明非IE浏览器 IE11以及EDGE
}

举报

相关推荐

0 条评论