1、querySelector只返回匹配的第一个元素,如果没有匹配项,返回null。 2、querySelectorAll返回匹配的元素集合,如果没有匹配项,返回空的nodelist(节点数组)。 可通过指定下标的方法获取某个的元素,例如document.querySelectorAll('.ubo ...
分类:
Web程序 时间:
2019-11-03 20:18:01
阅读次数:
112
一、HTML5部分API 1、选择器querySelector和querySelectorAll 1.1、querySelector:返回文档中匹配指定的CSS选择器的第一元素。 document.querySelector(CSS selectors),CSS selectors(指定一个或多个匹 ...
获取节点 function $(id) { var obj = document.querySelectorAll(id); return obj.length > 1 ? obj : obj[0]; } function $(id) { var obj = document.querySelect ...
分类:
其他好文 时间:
2019-09-30 12:57:40
阅读次数:
58
使用 document.querySelector() 和 document.querySelectorAll(), 将 CSS选择器 作为参数传入即可. 注意: 1. querySelecotor()返回某个元素节点, querySelectorAll()返回一个NodeList实例对象; 2. ...
分类:
Web程序 时间:
2019-09-18 16:02:43
阅读次数:
279
1.字符串转换为数组 扩展运算符可以将字符串转为真正的数组: 2.具有Iterator接口的对象可以转换为数组 任何定义了遍历器(Iterator)接口的对象(参阅 Iterator 一章),都可以用扩展运算符转为真正 的数组。 上面代码中,querySelectorAll方法返回的是一个NodeL ...
分类:
编程语言 时间:
2019-09-03 22:06:24
阅读次数:
90
1、querySelector 获取指定元素中匹配css选择器的元素。 2、querySelectorAll 获取指定元素中匹配css选择器的所有元素: 注意:返回的值是一个类数组,可以使用forEach(有些浏览器无法使用,建议还是转一下),但是无法使用filter、map等,需要转换一下: 3、 ...
// 获取所有input let inputAll = document.querySelectorAll('.table_input input'); this.iddata = inputAll; // 向上 =38 if (item.keyCode 38) { newIndex -= 8; i ...
分类:
Web程序 时间:
2019-08-15 11:20:11
阅读次数:
138
### 查询 + document.querySelector('.class/#id/li') [ 根据选择器(类名,id,标签名)获取节点,只能获取一个,返回一个节点 ] + document.querySelectorAll('.class/#id/li') [ 根据选择器(类名,id,标签名 ...
分类:
Web程序 时间:
2019-07-24 22:20:03
阅读次数:
197
@keyup.native="tdItem.onKeyUp($event, trItem, trIndex)" (item , row , index) // 获取所有input let inputAll = document.querySelectorAll('.table_input input ...
分类:
Web程序 时间:
2019-07-02 19:24:43
阅读次数:
148
1.改变样式 let dom = document.querySelectorAll('.waListHeight .ant-table-body');dom[0].style.height ='100px'; let dom = document.querySelectorAll('.waList ...
分类:
其他好文 时间:
2019-06-28 18:07:23
阅读次数:
76