栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

JavaScript之dom查询方法

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JavaScript之dom查询方法

获取body标签
在document中有一个属性body,它保存的是body的引用
var body = document.getElementsByTagName("body")[0];
var body = document.body;
document.documentElement保存的是html根标签
document.all可以获取页面中所有的元素
document.getElementsByTagName("*"); 这个与上面的方法一样,不过上面的比较简洁
根据元素的class属性值查询一组元素节点对象
getElementsByClassName()可以根据class属性值获取一组元素节点对象,但是该方法不支持IE8及以下的浏览器
获取页面中的所有的div
var divs = document.getElementsByTagName("div");

获取class为box1中的所有的div
var div = document.querySelector(".box1 div");

document.querySelector();
var div = document.querySelector(".box1 div");

需要一个选择器的字符串作为参数,可以根据一个CSS选择器来查询一个元素节点对象, 使用该方法总会返回唯一的一个元素,如果满足条件的元素有多个,那么它只会返回第一个

document.querySelectorAll()
该方法和querySelector()用法类似,不同的是它会将符合条件的元素封装到一个数组中返回, 即使符合条件的元素只有一个,它也会返回数组



作者:DivMa
链接:https://www.jianshu.com/p/350cb0b99247


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/246552.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号