lio零度

分类

未归档(375)

/ 注册

全部文章（共375篇）

获取、设置和删除 data 属性

获取 data 属性的值获取ele元素的data-message属性 const message = ele.getAttribute('data-message') // Or const message = ele.dataset.message 设置 data 属性的值 ele....

2021-10-18

0 413

获取元素的 CSS 样式

我们可以使用 getComputedStyle 方法获取 ele 元素的所有 CSS 样式： const styles = window.getComputedStyle(ele, null) 访问特定样式的值： // 获取背景颜色 const bgColor = styles.backgr...

2021-10-18

0 232

获取元素相对于另一个元素的位置

测量 ele 元素相对于 target 元素的顶部和左侧位置： // 获取两个元素距视口的坐标 const eleRect = ele.getBoundingClientRect() const targetRect = ele.getBoundingClientRect() // 计算顶部和左...

2021-10-18

0 302

获取元素相对于文档的位置

// 获取元素距视口的坐标 const rect = ele.getBoundingClientRect() // 添加滚动位置以获取与元素的完整距离到文档的顶部左侧 const top = rect.top + document.body.scrollTop const left = rect....

2021-10-18

0 176

检查元素是否在视口中

使用 Element.getBoundingClientRect() 方法获取元素的大小及其相对于视口的位置。如果 ele 在视口中可见，则以下方法返回 true： const isInViewport = function (ele) { const rect = ele.getBoun...

2021-10-17

0 172

选择元素的文本内容

以下方法选择 ele 元素的文本内容： const selectText = function (ele) { const selection = window.getSelection() const range = document.createRange() range.sele...

2021-10-17

0 197

通过给定的选择器获取最近的元素

使用原生的 closest() 方法 Element.closest() 方法用来获取匹配特定选择器且离当前元素最近的祖先元素（也可以是当前元素本身）。如果匹配不到，则返回 null。 const result = ele.closest(selector) 请注意，IE 不支持 close...

2021-10-17

0 298

获取文档高度和宽度

获取文档高度我们可以通过使用 documentElement.scrollWidth/scrollHeight 来测量文档的完整大小。但是在该元素上，对于整个文档，这些属性均无法正常工作。在 Chrome/Safari/Opera 中，如果没有滚动条，documentElement.scro...

2021-10-17

0 390

同时创建多个文件

在命令行中使用大括号来减少重复输入相同内容的次数 $ touch store-{products,cart,utils,coupons}.js 注意：每个文件名，也就是逗号后面不能有空格同时创建多个文件您可以先使用...

2021-10-17

0 293

在指定元素的末尾插入 HTML 字符串

使用位置为 afterend 的 Element.insertAdjacentHTML() 解析 htmlString 并将其插入 el 末尾。 const insertAfter = (el, htmlString) => el.insertAdjacentHTML('afterend...

2021-10-16

0 185