lio零度

未归档

/ 注册

全部文章 / 未归档（共375篇）

切换 HTML 元素的类

使用 Element.classList 和 DOMTokenList.toggle() 切换元素的指定类。 const toggleClass = (el, className) => el.classList.toggle(className) toggleClass(document...

2021-10-14

0 214

创建元素

从字符串创建元素（不将其附加到文档）。如果给定的字符串包含多个元素，则只返回第一个元素。使用 Document.createElement() 创建一个新的元素。使用 Element.innerHTML，将它的内部 HTML 设置为以参数提供的字符串。使用 ParentNode...

2021-10-13

0 204

从 DOM 中移除一个元素

使用 Element.parentNode 获得给定元素的父节点。使用 Element.removeChild() 从其父节点中删除给定元素。 const removeElement = el => el.parentNode.removeChild(el) // 从 DOM 中...

2021-10-13

0 182

在指定元素的开头之前插入 HTML 字符串

使用位置为 beforebeagin 的 Element.insertAdjacentHTML() 解析 htmlString 并将其插入 el 开始之前。 const insertBefore = (el, htmlString) => el.insertAdjacentHTML('bef...

2021-10-12

0 214

返回包含给定元素的所有同级的数组

使用 Node.parentNode 和 Node.childNodes 获取元素父级中包含的所有元素的 NodeList。使用展开运算符（...）和 Array.prototype.filter() 转换为数组并从中删除给定元素。 const getSiblings = el =>...

2021-10-12

0 238

从 DOM 中移除一个元素

使用 Element.parentNode 获取给定元素的父节点。使用 Element.removeChild() 从其父节点中删除给定元素。 const removeElement = el => el.parentNode.removeChild(el) // 从 DOM 中...

2021-10-10

0 140

检查页面的浏览器选项卡是否聚焦

使用 Page Visibility API 引入的 Document.hidden 属性检查页面的浏览器选项卡是否可见或隐藏。 const isBrowserTabFocused = () => !document.hidden isBrowserTabFocused() // true

2021-10-10

0 206

检测是否为移动浏览器

检测移动浏览器以下是一些检查用户是否正在从移动浏览器浏览的方法。检查 userAgent（不推荐） // 如果需要，您可以添加更多 const isMobile = /Android|BlackBerry|iPad|iPod|iPhone|webOS/i.test(navigator.us...

2021-10-10

0 244

获取选中的文本

使用 Window.getSelection() 和 Selection.toString() 获取当前选定的文本。 getSelection() 返回一个 Selection 对象，表示用户选择的文本范围或光标的当前位置。 const getSelectedText = window.getS...

2021-10-10

0 344

生成一个指定范围内的随机数

使用 Math.random() 生成随机值，使用乘法将其映射到所需的范围。 const random = (min, max) => Math.floor(Math.random() * (max - min)) + min 为了方便理解，我们将该方法拆解一下： const MIN ...

2021-10-10

0 231