ITPub博客

首页 > IT职业 > IT图书 > JavaScript之dom查询方法

JavaScript之dom查询方法

IT图书 作者:yzx19 时间:2021-09-09 10:13:34 0 删除 编辑

获取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


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3269/viewspace-2818524/ ,如需转载,请注明出处,否则将追究法律责任。

上一篇: Linux 的逆袭
请登录后发表评论 登录
全部评论

注册时间:2019-08-13

  • 博文量
    87
  • 访问量
    973