![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
文章平均质量分 70
苦茶折柳
指鹿为马,不负韶华。
展开
-
HTMLCollection 与 NodeList 的区别
HTMLCollection 与 NodeList 的主要区别在于它们包含的节点类型不同、实时性可能有所不同、提供的方法和属性略有差异以及使用场景的不同。在实际开发中,应根据具体需求选择合适的集合类型来操作 DOM。原创 2024-07-29 11:49:07 · 235 阅读 · 0 评论 -
NodeList 接口
NodeList是 JavaScript Web API 中的一个接口,它表示一个有序集合的节点,这些节点是文档对象模型(DOM)的一部分。尽管NodeList对象可以通过索引来访问其成员,就像数组一样,但它并不是一个真正的数组(即不是 Array 类型的实例)。这意味着NodeList不拥有数组的所有方法,比如push()pop()shift()unshift()splice()等,这些都是数组(Array)对象特有的方法。原创 2024-07-29 11:37:52 · 203 阅读 · 0 评论 -
HTML DOM 事件
HTML DOM(文档对象模型)事件是发生在HTML元素上的“事情”。当用户在网页上执行某些操作时(如点击鼠标、按下键盘上的键、移动鼠标等),或者当网页本身发生变化时(如加载完成、页面关闭等),就会触发这些事件。这些事件可以被JavaScript捕获并作出响应,通常是通过为元素添加事件监听器来实现的。事件监听器是一个等待事件发生的函数,当事件发生时,该函数会被自动调用。原创 2024-07-29 09:53:57 · 299 阅读 · 0 评论 -
DOMContentLoaded 事件
事件是 DOM(文档对象模型)完全加载和解析完成的事件,但不需要等待样式表、图片和子框架的完成加载。换句话说,当文档的 HTML 被完全加载和解析完成之后,就会触发事件,此时 DOM 树已经完全构建,但可能还未加载完所有的外部资源(如样式表和图片)。这个事件对于执行依赖于 DOM 的 JavaScript 代码非常有用,因为它确保了你的脚本在尝试访问 DOM 元素之前,这些元素已经存在于页面上。原创 2024-07-29 09:49:14 · 168 阅读 · 0 评论 -
HTMLCollection接口
是 DOM(文档对象模型)中的一个接口,它表示了一个元素的集合,这些元素可以通过名称、ID 或其他属性进行访问。然而,主要通过 HTML 文档中的标签名(如)或特定属性(如,尽管后者返回的实际上是NodeList的一个特例,但行为类似)来获取。原创 2024-07-29 09:30:07 · 215 阅读 · 0 评论 -
HTML DOM访问
HTML DOM(文档对象模型)提供了一种方式来访问和操作HTML文档的结构、样式和内容。通过JavaScript,我们可以利用DOM API来访问DOM树中的元素,读取它们的属性,修改它们的样式,以及添加或删除节点等。原创 2024-07-29 09:21:22 · 468 阅读 · 0 评论 -
HTML DOM属性
定义:DOM属性是指文档对象模型中的属性,用于表示HTML或XML文档中的元素和节点的特性。作用:DOM属性允许我们通过JavaScript代码访问HTML元素的属性,如元素的文本内容、样式、大小、位置等,从而实现对HTML元素的动态修改和控制。原创 2024-07-29 09:13:18 · 517 阅读 · 0 评论 -
HTML DOM方法
HTML DOM(文档对象模型)提供了许多方法和属性,允许你通过编程方式访问和操作HTML文档的结构、样式和内容。这些方法可以用于改变网页上的元素、处理事件、以及进行动态内容的加载等。原创 2024-07-29 09:03:40 · 141 阅读 · 0 评论