JavaScript querySelector

news/2024/7/19 14:32:43 标签: js

querySelector方法的语法:

var element= document.getElementById("id");
element.querySelector(selector)

element是要执行选择操作的父元素,selector是CSS选择器,用于指定要选择的元素。

querySelector方法返回匹配选择器的第一个元素,如果没有匹配的元素,则返回 null

  1. 选择ID为"myElement"的元素:
var element = document.querySelector("#myElement");
  1. 选择类名为"myClass"的元素:
var element = document.querySelector(".myClass");
  1. 选择标签名为"div"的第一个元素:
var element = document.querySelector("div");
  1. 选择具有属性"data-id"且值为"123"的元素:
var element = document.querySelector("[data-id='123']");

querySelector仅返回匹配的第一个元素。需要选择多个元素使用 querySelectorAll 方法,返回所有匹配的元素列表。


http://www.niftyadmin.cn/n/5099766.html

相关文章

【vue3】注册全局组件

//main.tsimport CardVue from ./components/Card.vueconst app createApp(App) app.component(Card,CardVue)

【Release】Photoshop ICO file format plug-in 3.0

【Introduction】 The Photoshop ICO plug-in is a file format plug-in developed for Photoshop, which allows Photoshop to directly read and write ICO format files. Because Photoshop has powerful pixel bitmap editing functions, it has many users and a good us…

Excel·VBA制作工资条

看到一篇博客《excel表头_Excel工资表怎么做?3分钟学会利用函数生成工资表》,使用排序功能、函数制作工资条。但如果需要经常制作工资条,显然使用VBA更加方便 VBA制作工资条 Sub 制作工资条()Dim title_row&, blank_row&, ws_new$,…

智能合同和TikTok:揭示加密技术的前景

在当今数字化时代,智能合同和加密技术都成为了技术和商业世界中的热门话题。它们代表了一个崭新的未来,有着潜在的巨大影响。 然而,你或许从未想过将这两者联系在一起,直到今天。本文将探讨智能合同和TikTok之间的联系&#xff0…

保姆级教程:百度AI简单使用

1.进入AI对话界面 随便提个问题 这里我选择了程序猿小助手 文心一言网站 https://yiyan.baidu.com/welcome 文心一言可以做什么 与人对话互动,回答问题,协助创作,高效便捷地帮助人们获取信息、知识和灵感。 参考截图

Pytorch,矩阵求和维度变化解析

二维可以想象成一张纸, 三维可以想象成多张纸叠在一块 四维可以想成多沓纸 求和时,如果没设定keepdimTrue,则会消去相加的那一维度,否则则将维度变为1 A torch.arange(20).reshape(5, 4) A,A.shape, A.sum()(tensor([[ 0, 1, 2, 3],[ 4,…

iOS 借助定位实现“保活”策略

疑惑 你是否有过类似的体验,当你刚刚来到一个商业区,命名没打开任何APP,手机就会收到push给你推荐周围的“吃喝玩乐”,那他们又是怎么做到的呢? ##解密 其实,我们可以通过监听当位置变化,在用户无感知的情况下在后台悄悄拉齐我们的进行来处理特定的逻辑。 不是感觉很…

Eudic欧路词典 for Mac(可离线英语学习工具)

Eudic欧路词典是一款功能强大的英语学习工具,旨在为用户提供全面的词汇解释和例句。该软件整合了多个权威词典,包括牛津、柯林斯等,提供了全面准确的词汇解释和用法示例。同时,它还支持离线使用,用户可以在无网络连接的…