位置: 编程技术 - 正文

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 string函数
  • echarts高德地图自定义区域
  • 杜拉通河谷中的Nuestra Señora de la Hoz老修道院,西班牙塞哥维亚 (© Arco Images GmbH/Alamy)
  • htmlcssjavascript网页制作
  • php实现简单的登录验证
  • vue传值inject
  • php删除数据
  • 车间主要有哪些事故风险
  • 增值税和普通发票的区别图片
  • 劳动仲裁要出钱吗
  • 小微企业年收入超过300万按多少缴纳所得税
  • 租赁的房屋再转租出去交几次印花税呢
  • 通用机打发票还能用吗
  • 应付债券和应付利息
  • 无实物的固定资产有哪些
  • 小规模纳税人免征增值税的账务处理
  • 常用的收集数据方法有
  • 小微企业所得税优惠政策最新2023
  • 开票机号填错了怎么办
  • SQLServer 2008中通过DBCC OPENTRAN和会话查询事务
  • 认缴制下实收资本如何证明
  • 出售固定资产应收账款
  • 什么叫做公账对公账户
  • 去年亏损今年盈利能分红吗
  • 车船税手续费返还时间
  • 异地学校
  • 筹建期间的利息费用计入什么科目
  • 机动车转让后未过户原车主要承担赔偿责任
  • 以前年度损益调整结转到哪里
  • 没收到发票怎么入账
  • 民办幼儿园如何生存
  • 虚开发票如何界定?
  • 银行记账本怎么填写
  • 固定资产建账为什么不能直接输入名字
  • mysql5.7对应的jdbc
  • sql存储过程实例详解
  • mysql5.6下载
  • linux git教程
  • win10访问局域网电脑需要用户名和密码
  • win10系统功能大全
  • spools.exe - spools是什么进程 有何作用
  • mac迁移助理是什么意思啊
  • centosgui
  • window7电源设置
  • Win10预览版桌面图标和任务栏不翼而飞怎么办?
  • iptables -l -n
  • win7连接VPN时提示800错误怎么办 连接VPN时提示错误800解决方法
  • 触摸按钮失灵怎么回事
  • node.js快速入门
  • jquery常见问题
  • jquery 表单
  • js中input怎么用
  • JavaScript bold方法入门实例(把指定文字显示为粗体)
  • 浅析jQuery Ajax通用js封装
  • python+Django+apache的配置方法详解
  • js自适应布局
  • 职称申报密码找回
  • 税控盘开票软件下载官网
  • 企业注销结果查询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设