#例 #监听事件方法 #addEventListener（）方法兼容性改变方法 var btns = document.querySelectorAll('button'); // 1、传统方式注册事件 btns[0].onclick = function () { alert('你好'); } / ...
分类：
其他好文 时间：
2020-05-31 19:38:02
阅读次数：
68
1.如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便： let modulYes = document.querySelectorAll('.modul li') for (let i = 0; i < modulYes.length; i++) { modu ...
分类：
Web程序 时间：
2020-05-14 11:31:57
阅读次数：
144
H5新增API 选择器 querySelector()和querySelectorAll()，参数都是css选择器，前者返回符合条件的第一个匹配的元素，如果没有则返回Null，后者返回符合筛选条件的所有元素集合，如果没有符合筛选条件的则返回空数组。 getElementsByClassName()返 ...
常用的方法有： 通过id、name属性、标签名、类名 querySelector()获取一个元素、querySelectorAll()获取一组元素 document.documentElement 获取 html 标签 document.body 获取 body 标签 function getDom ...
分类：
编程语言 时间：
2020-03-27 00:52:53
阅读次数：
63
HTML: <div> <span></span> <span></span> <span></span> <span></span> </div> JS： <script> var spans = document.querySelectorAll('span'); timeLive = +new ...
分类：
Web程序 时间：
2020-03-21 23:27:12
阅读次数：
97
ES6新增语法 /* Array.from(类数组); 把一个类数组转换成一个真正的数组 类数组: 有下标有length; 返回值:转换之后的新数组 属于Array构造函数下面的方法,不是数组方法; */ { let aLis = document.querySelectorAll("#list l ...
分类：
编程语言 时间：
2020-02-22 09:45:38
阅读次数：
71
window.onload = function(){ var scrollTop = window.scrollY; var imgs = Array.from(document.querySelectorAll('img')); lazyLoad(); // 采用了节流函数 window.add ...
分类：
Web程序 时间：
2020-01-10 20:19:28
阅读次数：
126
为什么要获取页面元素？ 例如：我们想要操作页面上的某部分(显示/隐藏，动画)，需要先获取到该部分对应的元素，再对其进行操作。 1.3.1. 根据ID获取 案例代码 1.3.2. 根据标签名获取元素 案例代码 注意：getElementsByTagName()获取到是动态集合，即：当页面增加了标签，这 ...
分类：
编程语言 时间：
2020-01-07 22:43:52
阅读次数：
95
const io = new IntersectionObserver(callback); let imgs = document.querySelectorAll('[data-src]'); function callback(entries){ entries.forEach((item) ... ...
分类：
其他好文 时间：
2019-12-24 20:46:29
阅读次数：
87
一、CSS选择器作用 CSS 选择器用于定位我们想要给予样式的 HTML 元素，但不只是在 CSS 中，JavaScript 对 CSS 的选择器也是支持的，比如 document.document.querySelectorAll。 二、选择器类型 基本选择器 组合选择器 属性选择器 伪类选择器 ...
分类：
Web程序 时间：
2019-12-02 00:45:47
阅读次数：
155
