BOM补充及DOM获取节点

YourLie_in_April

于 2022-05-10 14:30:22 发布

阅读量251

点赞数 2

分类专栏： #JavaScript 文章标签： javascript

版权

36 篇文章

订阅专栏

本文深入解析浏览器对象模型(BOM)与文档对象模型(DOM)的核心概念，涵盖如何利用window.location进行页面跳转、刷新，以及使用DOM的各种获取和操作方法，包括querySelector和querySelectorAll的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

location：浏览器的地址栏信息。

跳转到新页面：

window.location.href = "跳转的网址"；

location.assign= "跳转的网址"；

location= "跳转的网址"；

刷新当前页面：

window.location.reload();
history.go(0);

获取节点方法：（除了获取id不是集合，其他通过类名、通过标签名、通过属性名都为集合，如果想要具体的得使用下标）

document.getElementById()：通过id获取元素（节点）,获取的节点为具体的。

document.getElementsByClassName()：通过类名获取节点，如果想要具体的得使用下标。

document.getElementsByTagName()：通过标签名获取节点为集合，如果想要具体的得使用下标。

document.getElementsByName()：通过属性名获取节点为集合，如果想要具体的得使用下标。

es6新增获取节点方法：

document.querySelector()：只返回第一个满足的节点。

document.querySelectorAll()：获取全部节点，返回的是页面中所有匹配的节点。