DOM操作的常用API有哪些?DOM事件级别有哪些(DOM0-2事件)? ...
Iterator 什么是 Iterator 接口 JS表示集合的对象主要有Array、Set、Object、Map,在以前,遍历它们需要使用2种不同的方法,而现在,JS提出了Iterator机制,可以给不同的数据结构提供统一的遍历方法,就是for…of。换句话说,只有部署了Iterator的数据才能 ...
分类:
其他好文 时间:
2019-11-12 16:06:59
阅读次数:
91
前言 首先我们先来看下面的demo,假如我们需要给所有的li字体变一个颜色。 下面我们将通过两种方式来实现需求。 childNodes 首先我们先来通过 来获取li。 此时需要注意的是,通过 获取的list里面的子节点,数量远远超过了li的数量,原因是在js当中,节点的分类当中不仅仅包括了标签,连同 ...
分类:
Web程序 时间:
2019-11-11 00:42:09
阅读次数:
132
数组与伪数组 把符合以下条件的对象称为伪数组: 具有length属性 按索引方式存储数据 不具有数组的push,pop等方法 伪数组(类数组):无法直接调用数组方法或期望length属性有什么特殊的行为,不具有数组的push,pop等方法,但仍可以用数组遍历方法来遍历它们。典型的是函数的 参数,还有 ...
分类:
编程语言 时间:
2019-11-10 11:50:37
阅读次数:
99
1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。 2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素,例如document.querySelectorAll('.ubo ...
分类:
Web程序 时间:
2019-11-03 20:18:01
阅读次数:
112
Set: 常用的方法有:add()、clear()、delete()、forEach()、has() 创建方式 括号里面可传入的值有: 括号可传入的值有 [] '' arguments NodeList Set还有一个特殊的功能,就是可以去重。把传入括号里面的值相同的去掉 add() 往set里面添 ...
分类:
其他好文 时间:
2019-09-30 09:28:52
阅读次数:
74
使用 document.querySelector() 和 document.querySelectorAll(), 将 CSS选择器 作为参数传入即可. 注意: 1. querySelecotor()返回某个元素节点, querySelectorAll()返回一个NodeList实例对象; 2. ...
分类:
Web程序 时间:
2019-09-18 16:02:43
阅读次数:
279
判断node类型: someNode.nodeType == 1 someNode.nodeName: 元素标签名 someNode.childNodes[0] (或someNode.childNodes.item(0)) 访问NodeList中的节点 将NodeList转换为数组: let arr ...
分类:
其他好文 时间:
2019-09-16 21:13:40
阅读次数:
92
1. 单独遍历键: NodeList.prototype.keys(); 2. 单独遍历值: NodeList.prototype.values(); 3. 遍历键值对: NodeList.prototype.entries(); ...
分类:
其他好文 时间:
2019-09-12 16:25:10
阅读次数:
249
因为NodeList对象是一个类似数组的对象, 且它自带了一个 forEach() 方法, 因此可以使用 forEach() 遍历, 它的用法和 Array 里面的 forEach() 是完全一样的. 这里的item为当前元素, i为索引, obj为整个NodeList. ...
分类:
其他好文 时间:
2019-09-12 15:09:21
阅读次数:
116