DOM
关注
分享
扫一扫
文章平均质量分 67
zdw火车叨位去
转前端中，待续。。。
展开
-
Mutation Observer API监听DOM
1.Mutation Observer API 用来监视 DOM 变动。DOM 的任何变动，比如节点的增减、属性的变动、文本内容的变动，这个 API 都可以得到通知。2.事件是同步触发，DOM 的变动立刻会触发相应的事件；Mutation Observer 则是异步触发，DOM 的变动并不会马上触发，而是要等到当前所有 DOM 操作都结束才触发。3.Mutation Observer 有以下特点。它等待所有脚本任务完成后，才会运行（即异步触发方式）。 它把 DOM 变动记录封装成一个数组进行处原创 2021-01-14 16:42:46 · 151 阅读 · 0 评论 -
Text 节点， DocumentFragment 节点
1.文本节点（Text）代表元素节点（Element）和属性节点（Attribute）的文本内容。如果一个节点只包含一段文本，那么它就有一个文本子节点，代表该节点的文本内容。2.空格也是一个字符，也会形成文本节点。3.data属性等同于nodeValue属性，用来设置或读取文本节点的内容。4.wholeText属性将当前文本节点与毗邻的文本节点，作为一个整体返回。5.length属性返回当前文本节点的文本长度。6.nextElementSibling属性返回紧跟在当前文本节点后面的那个原创 2021-01-14 15:09:41 · 257 阅读 · 0 评论 -
元素Element节点，属性与方法
1.Element节点对象对应网页的 HTML 元素。每一个 HTML 元素，在 DOM 树上都会转化成一个Element节点对象。2.不同的 HTML 元素对应的元素节点是不一样的，浏览器使用不同的构造函数，生成不同的元素节点。比如<a>元素的构造函数是HTMLAnchorElement()，<button>是HTMLButtonElement()。 因此，元素节点不是一种对象，而是许多种对象，这些对象除了继承Element对象的属性和方法，还有各自独有的属性和方法。3原创 2021-01-13 18:22:03 · 853 阅读 · 0 评论 -
文档document节点，属性与方法
1.document节点对象代表整个文档，每张网页都有自己的document对象。window.document属性就指向这个对象。2.document对象的获取。正常的网页，直接使用document或window.document。 iframe框架里面的网页，使用iframe节点的contentDocument属性。 Ajax 操作返回的文档，使用XMLHttpRequest对象的responseXML属性。 内部节点的ownerDocument属性。3.document.default原创 2021-01-12 23:11:46 · 439 阅读 · 0 评论 -
ParentNode，ChildNode
1.ParentNode接口表示当前节点是一个父节点，提供一些处理子节点的方法。ChildNode接口表示当前节点是一个子节点，提供一些相关方法。2.ParentNode.children属性返回一个HTMLCollection实例，成员是当前节点的所有元素子节点。该属性只读。3.ParentNode.firstElementChild属性返回当前节点的第一个元素子节点。4.ParentNode.lastElementChild属性返回当前节点的最后一个元素子节点。5.ParentNode.原创 2021-01-12 18:09:03 · 761 阅读 · 0 评论 -
NodeList ，HTMLCollection
1.节点都是单个对象，DOM 提供两种节点集合NodeList和HTMLCollection,用于容纳多个节点。2.NodeList可以包含各种类型的节点，HTMLCollection只能包含 HTML 元素节点。3.NodeList实例是一个类似数组的对象，它的成员是节点对象。通过以下方法可以得到NodeList实例。Node.childNodes document.querySelectorAll()等节点搜索方法3.NodeList.prototype.length属性返回 NodeL原创 2021-01-12 17:53:50 · 510 阅读 · 1 评论 -
节点node接口的属性与方法
1.DOM 的最小组成单位叫做节点（node）。文档的树形结构（DOM 树），就是由各种不同类型的节点组成。2.节点的类型有七种。浏览器提供一个原生的节点对象Node，这七种节点都继承了Node，因此具有一些共同的属性和方法。Document：整个文档树的顶层节点 DocumentType：doctype标签（比如<!DOCTYPE html>） Element：网页的各种HTML标签（比如<body>、<a>等） Attr：网页元素的属性（比如class=原创 2021-01-12 16:28:33 · 565 阅读 · 0 评论