位置: 编程技术 - 正文

js querySelector() 使用方法

编辑:rootadmin

推荐整理分享js querySelector() 使用方法,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

querySelector 定义和用法

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。注意: querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素,请使用 querySelectorAll() 方法替代。

浏览器支持

表格中的数字表示支持该方法的第一个浏览器的版本号。

语法document.querySelector(CSS selectors)

参数值

参数 类型 描述 CSS 选择器 String 必须。指定一个或多个匹配元素的 CSS 选择器。 可以使用它们的 id, 类, 类型, 属性, 属性值等来选取元素。 对于多个选择器,使用逗号隔开,返回一个匹配的元素。

技术细节

DOM 版本: Selectors Level 1 Document Object 返回值: 匹配指定 CSS 选择器的第一个元素。 如果没有找到,返回 null。如果指定了非法选择器则 抛出 SYNTAX_ERR 异常。

js querySelector() 使用方法

实例

获取文档中 id="demo" 的第一个元素:

更多实例

1、获取文档中第一个 <p> 元素:

2、获取文档中 class="example" 的第一个元素:

3、获取文档中 class="example" 的第一个 <p> 元素:

4、获取文档中有 "target" 属性的第一个 <a> 元素:

5、以下实例演示了多个选择器的使用方法。假定你选择了两个选择器: <h2> 和 <h3> 元素。以下代码将为文档的第一个 <h2> 元素添加背景颜色:

6、但是,如果文档中 <h3> 元素位于 <h2> 元素之前,<h3> 元素将会被设置指定的背景颜色。

7、通过获取select的内容实现网址跳转

积木网小编提醒:因为ie8以上版本才支持querySelector,请大家酌情使用。

原生的强大DOM选择器querySelector介绍 在传统的JavaScript开发中,查找DOM往往是开发人员遇到的第一个头疼的问题,原生的JavaScript所提供的DOM选择方法并不多,仅仅局限于通过tag,name,id等方式

关于javascript事件响应的基础语法总结(必看篇) 1、onclick是鼠标单击事件,当在网页上单击鼠标时,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用//例子htmlheadscripttype

javascript prototype原型详解(比较基础) javascript的prototype原型简单介绍:prototype原型是javascript中特别重要的概念,属于必须要掌握,如果没有良好的掌握的话,进一步用好或者学好js基本是不可

标签: js querySelector() 使用方法

本文链接地址:https://www.jiuchutong.com/biancheng/376035.html 转载请保留说明!

上一篇:JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)(javascript如何输出变量)

下一篇:关于javascript事件响应的基础语法总结(必看篇)

  • 已认证进项税额转出会计分录账务处理
  • 财务软件按什么排序
  • 属于原始凭证的有哪些
  • 交易性金融资产的交易费用计入哪里
  • 分期付款购买商品的会计分录
  • 卷烟批发环节消费税税率
  • 有限合伙企业有经营权吗
  • 住宿发票要附清单吗
  • 学生是纳税人吗为什么
  • 购买的地下室管道多能退吗
  • 票据结算的分录怎么做
  • 公司开办期间的费用如何处理
  • 无形资产出租后还要摊销吗
  • 采购合同可以包含安装吗
  • 印花税这个月没交怎么办
  • 稿酬所得个人所得税税率
  • 营改增后发票
  • 以旧换新的销售方式怎样确定销售额
  • 金税三期定期定额是什么
  • 库存现金进行清查
  • 产权交易费用
  • 先亏后盈法案例分析
  • 残疾人保障金人数
  • 包装物租金怎么算
  • 对子公司投资款要交税吗
  • 法人股东分红如何申报所得税
  • 购买原材料无法确认收入
  • 积分抵现金活动怎么做
  • 外贸企业退税需要哪些资料
  • 实缴注册资本股权转让怎么交税
  • 最早在哪一年手机可以上网
  • 什么叫奖励旅游
  • php 用户注册
  • 增值税会自动申报吗
  • 怎么确认个税填报成功
  • php redis秒杀高并发解决方案
  • 安装elementUI
  • id3决策树伪代码
  • php读取xml接口数据
  • unetbootin怎么删除
  • 机票的退票费计入什么会计科目
  • python多线程多核
  • 医疗机构销售药品是否征收增值税
  • 新政府会计制度从什么时候开始实施
  • 增值税药品发票明细
  • 购入需要安装的设备计入什么科目
  • 收到政府补贴如何做帐
  • 消费税出口退税吗
  • 当月开具的专票可以当月抵扣吗
  • 年底结转损益后如何结转
  • 支付宝电子发票怎么开
  • 申报工资总额除以在职人员人数
  • 购入固定资产一次性扣除政策
  • 银行本票的使用仅限于
  • 新手学会计怎么学
  • win10周年版
  • centos7 cp命令
  • ubuntu和windows哪个流畅
  • nvvsvc.exe是什么进程
  • ubuntu无法安装增强功能
  • nclaunch.exe - nclaunch进程有什么用 是什么意思
  • win7系统点击图标没反应
  • 详解linux中systemd命令的运行级别与其常见应用
  • cocos2d CC_CALLBACK_0/1/2/3之间的区别
  • js获取中文拼音
  • jquery分页组件
  • nodejs 文件操作
  • vue只适合做单页项目吗
  • 服务器安全设备
  • node.js调用c
  • node 多线程
  • 基于javascript的毕业设计
  • python引用和调用有什么不同
  • 资本公积如何转增股本的流程
  • 国家税务湖北税务局
  • 申报参保时间怎么填
  • 公司账户注销了,是不是网银也注销了
  • 地税注销流程
  • 中行网银查询
  • 企业所得税可以抵扣吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设