lio零度

分类

未归档(375)

/ 注册

全部文章（共375篇）

获取祖先元素

返回从文档根到给定元素的元素的所有祖先元素。使用 Node.parentNode和 while 循环向上移动元素的祖先树。使用 Array.prototype.unshift() 将每个新祖先添加到数组的开头。 const getAncestors = el => { ...

2021-10-16

0 167

检查父元素是否包含子元素

检查 parent 是否包含 child。使用 Node.contains() 以检查 parent 元素包含的 child 元素。 const elementContains = (parent, child) => parent !== child && p...

2021-10-16

0 237

添加样式

将提供的样式添加到给定元素。使用 Object.assign() 和 ElementCSSInlineStyle.style 将提供的 styles 对象合并到给定元素的样式中。 const addStyles = (el, styles) => Object.assign(el.sty...

2021-10-16

0 255

匹配元素

查找元素的所有祖先，直到元素与指定的选择器匹配为止。使用 Node.parentNode 和 while 循环向上移动元素的祖先树。使用 Array.prototype.unshift() 将每个新祖先添加到数组的开头。使用 Element.matches() 检查当前元素是否...

2021-10-16

0 211

设置样式

使用 ElementCSSInlineStyle.style 将指定元素的 CSS 规则的值设置为 val。 const setStyle = (el, rule, val) => (el.style[rule] = val) // 页面上的第一个 <p> 元素的字体大小为 ...

2021-10-15

0 185

获取样式

使用 Window.getComputedStyle() 获取指定元素的 CSS 规则的值。 const getStyle = (el, ruleName) => getComputedStyle(el)[ruleName] getStyle(document.querySelector(...

2021-10-15

0 160

显示指定的所有元素

使用扩展运算符（…）和 Array.prototype.forEach() 移除每个指定元素的 display 属性。 const show = (...el) => [...el].forEach(e => (e.style.display = '')) // 显示页面上的所有 &...

2021-10-15

0 220

隐藏所有指定的元素

使用展开运算符（...）和 Array.prototype.forEach() 将 display: none 应用于指定的每个元素。 const hide = (...el) => [...el].forEach(e => (e.style.display = 'none')) /...

2021-10-15

0 323

检查给定元素是否具有指定的类

使用 Element.classList 和 DOMTokenList.contains() 检查元素是否具有指定的类。 const hasClass = (el, className) => el.classList.contains(className) hasClass(docume...

2021-10-15

0 221

最小化 DOM 访问

DOM 操作，包括访问 DOM，通常速度较慢。这通常不是问题，除非您必须执行许多 DOM 操作，并且 JavaScript 应用程序的性能开始受到影响。提高性能的一个非常快速的技巧是，如果您计划多次访问 DOM 元素或其值，则将其存储在局部变量中。 // 这很慢，它会多次访问 DOM 元素 doc...

2021-10-14

0 320