位置: 编程技术 - 正文

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事件响应的基础语法总结(必看篇)

  • 增值税申报可以作废几次
  • 车船税征税范围口诀
  • 应交企业所得税会计分录
  • 个人销售二手车要交增值税吗
  • 非税缴税是什么意思
  • 商业折扣和现金折扣的入账金额
  • 转让金融资产需要交税吗
  • 收到生育险报销会计怎么写摘要呢
  • 上年数为负数,今年数为正数怎么算增减比率
  • 发票入账时间规定是多久
  • 最近的火车票代售点
  • 资产负债表的日期可以是1月1日吗
  • 机动车销售统一专票可以抵扣进项税额吗
  • 预付房租的会计科目
  • 异地预交所得税跨年还能用吗
  • 票据遗失情况说明格式及范文
  • 结转贸易方式
  • 增普票付款要不要从公户走?
  • 预缴税款的附加税可以抵扣吗
  • 长期待摊费用无发票怎么处理
  • 月收入不超10万减免 具体分销售额吗
  • 出租厂房收取水电费吗
  • 房产税怎么做账
  • 税种登记要带什么资料?
  • 营业外收支计入应纳税所得额吗
  • 企业所得税汇算清缴扣除比例
  • 鸿蒙系统通知栏和控制
  • 资本公积是什么会计要素
  • 事业单位财务预算管理制度
  • 工程施工预付账款会计分录
  • 如何回到一年前的方法
  • rrpcsb.exe - rrpcsb是什么进程 有什么用
  • 无形资产的摊销计入什么科目
  • 支付第三方劳务派遣费用如何做账
  • 什么情况下计提信用减值损失
  • php strrchr
  • ts与js的优缺点
  • json有几种基本结构
  • yii框架教程
  • 外地预交的企业所得税如何在季度企业所得税申报
  • 所得税弥补亏损年限10
  • 增值税专用发票丢了怎么补救
  • 收到稳岗补贴如何入账
  • 学电脑哪个网站比较好
  • mysql存储过程之错误处理
  • 国际货运操作流程图
  • 出口货物的报关时间为货物运抵海关
  • 哪些发票不可以报销入账
  • 销售折让怎么写分录
  • 登记会计账簿的基本要求
  • 企业清算未分配利润怎么交税
  • 通信费属于哪个会计科目
  • 物业公司转售电费增值税
  • 收到招聘费发票怎么做账
  • 营业外支出包括哪些?
  • 纳税人将外购的货物用于非应税项目
  • 购买原材料例题
  • 投资性房地房地产
  • 工程结算属于什么行业
  • 年报中的认缴出资时间怎么填
  • 邻居家的wifi隐藏后如何连接
  • 如何在安装未知应用中修改权限
  • win7删除搜索历史记录
  • winxp开机启动程序
  • xp开机启动项在哪里设置方法
  • WIN7如何关闭自动关机
  • 在unity中单例的主要作用
  • opengl绘制三维图形代码
  • uploadify文件上传
  • android源码分析实录
  • js多选
  • python-pip安装
  • jquerychange事件
  • 安卓模拟器比手机快吗
  • 普票已开发票怎么作废
  • 为什么需要报税
  • 水利基金要收滞纳金吗
  • 小规模纳税人达到一般纳税人标准
  • 国税申报时间2023年10月
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设