document.querySelector()与document.querySelectorAll()
2024-08-27 13:27:47
document.querySelector()与document.querySelectorAll()
CreationTime--2018年7月1日10点49分
Author:Marydon
1.说明
他俩是H5提供的选择器，都可以直接获取页面元素并进行操作。
2.区别
用法与jQuery里的$()选择器相似；
querySelector只能选择第一个匹配的节点；
querySelectorAll可以选择多个节点，返回的是数组形式的页面元素对象。
3.举例
window.onload = function(){
// 获取页面上第一个复选框的值
// 报错
//alert(document.querySelectorAll(':checkbox')[0].value);
// 方式一
alert(document.querySelectorAll('input[type=checkbox]')[0].value);
// 方式二
alert(document.querySelector('input[type=checkbox]').value);
}
相关推荐：
最新文章
- DX系列之TreeList
- jquery-jsrender使用
- css3立体旋转动画
- PagerIndicator主题样式修改
- vijosP1413 Valentine’s Present
- 第一个felx项目的创建
- Linux下几个常用的快捷键,真的很实用
- Java 遍历Map
- JavaScript刷新页面的方法（包括Frame框架的刷新方式）
- D - MUH and Cube Walls
- C# 语法学习整理
- spring的PathVariable和value={}小技巧（shiro项目中来的三）
- Android RecyclerView 滚动到中间位置
- PHP 常用知识点
- DRF之项目搭建
- 简单使用redis实现sso单点登录
- 2019微软Power BI 每月功能更新系列——2月Power BI 新功能学习
- 查询返回JSON数据结果集
- /etc/profile、~/.bash_profile、~/.bashrc和/etc/bashrc
- chrome使用技巧（转）