位置: 编程技术 - 正文

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数组函数输出《咏雪》里有多少"片"字
  • 总公司欠分公司钱不偿还了怎么做账
  • fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
  • 供电企业收费项目管理的暂行规定
  • 外购产品视同自产产品办理免抵退税的条件有哪几种
  • vue unknown custom element
  • 专项应付款费用化
  • 土耳其棉花堡位置
  • php resizeimage 部分jpg文件 生成缩略图失败的原因分析及解决办法
  • php生成随机字符串
  • 差旅费车票抵扣的相关规定
  • 特定业务计算的应纳税所得额是指
  • 待抵扣进项税在贷方什么意思
  • Vue+Element UI-el-date-picker时间日期选择器组件(实现向后端传值)
  • Vue3通透教程【二】更高效的构建工具—Vite
  • 公司注销实收资本退回需要交税吗
  • 劳动仲裁要出钱吗
  • 关联公司开发票
  • 管家婆中已经过账的进货单怎么删除?
  • 支付施工单位进度款的请示
  • python中的pandas
  • 企业出口证明
  • 中介代缴社保费用多少
  • 公司销售不动产增值税
  • 出口企业消费税怎么算
  • 折旧与摊销会计分录
  • 应收代位追偿款会计分录
  • 合理的物料消耗是指
  • 认证失败,未获取到区域信息
  • 设计费可以一次支付吗
  • 长期合同价格怎么定
  • 过路费属于差旅费还是办公费
  • 本年利润是负数的会计分录
  • 微信开发中工具
  • win10一年更新一次
  • linux ifcon
  • vs图片简单
  • 关机你的电脑遇到问题,需要重新启动,我们只收集
  • linux怎么使用ssh命令
  • require注解
  • srslte源码分析
  • 拼图java代码
  • unity xcode
  • linux bash shell中case语句的实例
  • js设置导航固定
  • nodejs.
  • JavaScript中Number.NEGATIVE_INFINITY值的使用详解
  • android摇一摇实现
  • 手机端apk反编译工具_android反编译工具
  • 科技型中小企业认定有效期
  • 银行内部有遴选吗知乎
  • 河北个体户个人缴税标准
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设