前端开发

js字符串转DOM,DOM转字符串伪代码

2021-02-041791次阅读原生JsDOM
js字符串转DOM,DOM转字符串伪代码。DOMParser 可以将存储在字符串中的 XML 或 HTML 源代码解析为一个 DOM Document,DOM转字符串是element.outerHTML。
前端开发

DOM中Element.closest()方法

2020-08-252971次阅读DOM
Element.closest() 方法用来获取:匹配特定选择器且离当前元素最近的祖先元素(也可以是当前元素本身)。如果匹配不到,则返回 null。
前端开发

Chrome浏览器连续上传相同的图片,第二次点击无效

2019-10-311807次阅读DOM
谷歌浏览器file input出于安全角度,用户异步上传完毕文件后选择相同文件时,不会触发onChange函数,因此再次上传相同的文件时会失败。解决方法:每次上传文件成功之后,将input里面的值置为""
前端开发

node.contains(otherNode)检查传入的节点是否为该节点的子孙节点.

2019-09-292900次阅读DOM
node.contains(otherNode)返回的是一个布尔值,来表示传入的节点(otherNode)是否为该节点(node)的子孙节点.
前端开发

监视DOM树所做更改的MutationObserver API

2019-09-292502次阅读DOM
MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品,该功能是DOM3 Events规范的一部分。
前端开发

Element​.class​List还可以这样操作?

2019-09-061674次阅读DOMhtml5
Element.classList是一个只读属性,返回一个元素的类属性的实时DOMTokenList数组集合。使用classList是替代element.className作为空格分隔的字符串访问元素的类列表的一种方便的方法。虽然element.classList本身是只读的,但是你可以使用add()和remove()方法修改它。add、remove、toggle等方法可以有多个参数。
前端开发

document.importNode和document.adoptNode使用及区别

2019-04-302317次阅读DOM
在学习Web Components即web组件中的Shadow DOM创建组件时,发现document.importNode的使用,顺虅摸瓜又摸到了document.adoptNode,在这里做记录一下document.importNode和document.adoptNode如何使用及它们的区别。
前端开发

Document​.create​Document​Fragment()文档片段节点

2019-04-301763次阅读DOM
在所有节点类型中,只有文档片段节点DocumentFragment在文档中没有对应的标记。DocumentFragments是DOM节点,通常的用例是创建文档片段,将多个元素附加到文档片段,然后将文档片段附加到DOM树。因为文档片段存在于内存中,并不在DOM树中,所以将子元素插入到文档片段时不会引起页面回流(对元素位置和几何上的计算)。因此,使用文档片段通常会带来更好的性能。
前端开发

深入了解Element​.class​List

2019-04-232640次阅读DOM
平时使用时就是classList.add、classList.remove等方法。但还真不知道classList是一个数组,其次就是add、remove、toggle可以有多个参数。Element.classList是一个只读属性,返回一个元素的类属性的实时DOMTokenList集合。使用classList是替代element.className作为空格分隔的字符串访问元素的类列表的一种方便的方法。
前端开发

常用的HTML DOM nextElementSibling属性简介

2019-04-223250次阅读DOM
nextElementSibling 属性返回指定元素之后的下一个兄弟元素(相同节点树层中的下一个元素节点)。nextSibling 属性与 nextElementSibling 属性的差别:nextSibling 属性返回元素节点之后的兄弟节点(包括文本节点、注释节点);nextElementSibling 属性只返回元素节点之后的兄弟元素节点(不包括文本节点、注释节点);nextElementSibling属性为只读属性。