【js】获取dom对象时想用自定义属性选择器怎么搞

茄茄茄子eggplant

于 2023-03-20 20:34:38 发布

阅读量213

点赞数

分类专栏： js学习文章标签： javascript

本文链接：https://blog.csdn.net/qq_43226415/article/details/129675670

版权

js学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

文章展示了一个HTML代码段，包含一个带有data-id属性的div元素，以及一段JavaScript代码。这段JS使用模板字符串和querySelector方法选择data-id属性值为1的元素，并将其打印到控制台。

摘要由CSDN通过智能技术生成

 <body>
    <body>
      <div class="box" data-id="1">盒子</div>
     <script>
      let a=1;
      const box=document.querySelector(`[data-id='${a}']`)
      console.log(box);
     </script>
  </body>

在这里插入图片描述
用的时候给那个值也加个引号。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

茄茄茄子eggplant

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
【js】获取dom对象时想用自定义属性选择器怎么搞

获取dom对象时想用自定义属性选择器怎么搞
复制链接

扫一扫

专栏目录

【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查

✅ Java 开发工程师，从事 Web 应用程序的研发，擅长 Spring、SpringBoot 等技术。 ✅ 热爱编程，业余时间学习新知识，通过 CSDN 记录学习心得和笔记内容。

11-09

1888

DOM，全称是：Document Object Model，文档对象模型，它主要是用于描述HTML文档对象的。一个HTML页面是由许多的标签组成的，例如：html、head、body、div等等标签元素，JS里面将整个的HTML作为一个document文档来进行管理，其中HTML里面的每一个标签都是一个DOM结点。HTML里面所有的DOM结点构成了一颗DOM树，这就有点类似于二叉树了，只不过DOM里面的树是多叉树，因为HTML里面的标签里面可以嵌套许多其他的标签。...

javascript选择器、自定义属性

CSDN

03-04

2455

一、选择器 document.getElementById('id名') document.getElementsByClassName('类名')[i] 一组数组集合 document.getElementsByTagName('标签名')[i] 一组数组集合 document.getElementsByName('input控件名')[i] 一组数组集合 css选择...

参与评论您还未登录，请先登录后发表或查看评论

JS自定义选择器

小图的专栏

11-07

1859

选择器部分： var jojo = (function () { var jojo = function (arr) { var _this = this, i = 0; // Create array-like object for (i = 0; i < arr.length; i++) { _this[i] =

DOM选择器

顺其自然~专栏

01-06

517

元素节点选择器包括id,class,name,tagname,高级,关系。 1.1 id选择器 id:返回的是单个对象相关标签代码 <body> <div id="box">1</div> <div id="box">2</div> <div id="box">3</div> <div class="msg"> <div class="sbox

JavaScript：DOM选择器

读心悦

10-23

1473

在通过id、name、class或者标签名来获取元素的时候，只能通过document来调用对应函数，在查找特定元素的时候可能不太方便，比如获取p元素的子元素。一、通过id定位元素，JavaScript提供了getElementById()函数来来查找对应的ID的元素的，返回的是匹配到ID的第一个元素。通过绑定不同的事件，就可以修改文档的结构、样式喝内容。，baseElement表示的是基准元素，常见的基准元素有document和element，selectors表示是一个标准的css选择器，

DOM - 节点选择器和属性选择器

Jared864的博客

05-12

1404

Day21 一、DOM 介绍概念：DOM（document of module）、 DOM不属于BOM window对象身上有提供document对象 DOM主要控制页面（html文件），所有的页面操作都需要通过DOM DOM的结构，html结构：属性结构，包含结构，家族结构（父子级，兄弟级） html根元素：head，body DOM树形结构的每个组成部分，都叫节点。所有节点，都是对象选择器元素节点选择器（只有元素节点）直接选择器 id选择器：document.getELe

js设置和获取自定义属性的方法

11-26

如果需要根据自定义属性的值来选择元素，jQuery提供了灵活的选择器。例如，如果我们有一个变量`testAttr`，其值为"ddd"，我们可以这样选择具有相应属性值的元素： ```javascript var testAttr = "ddd"; $("#test...

js获取单元格自定义属性值的代码(IE/Firefox)

12-10

这里的`$(...)`很可能是jQuery的选择器，它用于包装原生的DOM元素，然后调用`get(0)`来获取第一个匹配的元素，接着访问其`attributes`属性，这是一个数组，包含了所有属性，通过索引`[0]`来获取第一个属性，最后通过...

JQUERY的属性选择符和自定义选择符使用方法（二）

12-08

在本篇讨论中，我们将深入探讨属性选择符和自定义选择符的使用方法。属性选择符是jQuery提供的一种功能，允许我们根据HTML元素的属性值来选择元素。例如，在描述中的例子中，我们想对含有"wangorg"字符的链接文字...

jQuery创建自定义的选择器用以选择高度大于100的超链接实例

10-24

在项目中，有时候需要根据元素的特定属性进行选择，这时标准的CSS选择器可能无法满足需求，这时我们可以使用jQuery提供的自定义选择器功能。 ### jQuery自定义选择器的概念和创建创建自定义选择器实际上就是通过...

js 自定义下拉选择框

08-18

js 自定义下拉选择框源代码部分代码可以在http://blog.csdn.net/zz3hh/article/details/10052541查看，隶属web前端攻城尸

Dom常用选择器

weixin_44094720的博客

01-18

424

选择器选择dom中的元素时，常用选择器： document.getElementById()；通过选择Id选择器，来选择标签。 document.getElementsByTagName()；通过标签名来选择标签。 document.getElementsByName()；通过name属性来选择标签。 document.getElementsByClassName()；通过Class选择器来选择标签。 document.querySelector()；可以像css一样，选择标签。eg:("#id")类似

js 自定义 $ 选择器

weixin_34347651的博客

01-08

589

var $= function (id) { return "string" == typeof id ? document.getElementById(id) : id; };

36 DOM name属性选择器

wwwshengbo的博客

02-17

402

<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title> </title> </head> <body> <p> DOM name 属性选择器 getElementBy

[JS]Jquery属性选择器

SouthNAN的博客

11-13

179

参考链接需求：第1,2条属于同一设备相同类型的报警，第3与第1,2属于同一设备不同类型的报警，现在要求处理1或2任一条报警时，同步处理另一条，并且不影响3。核心代码(使用Jquery属性选择器) 属性用“[ ]”,多个属性之间加逗号“,”表示“或”，不加表示“且” var cameraid = window.currentAlarmModalData.el.parent().attr('cameraid') var sensorid = window.c

JS（节点属性）元素，节点选择器

Chad97的博客

09-01

5124

判断节点类型节点属性：（可以使用标签–元素.出来，可以使用属性节点.出来，文本节点.出来）可通过以下属性判断节点，元素的类型 nodeType 节点类型： 1–标签 2–属性 3—文本 nodeName 节点名字：标签节点–大写的标签名字，属性节点—小写的属性名字，文本节点 —#text nodeValue 节点值：标签节点—null，属性节点—属性值，文本节点—文...

html自定义js程序,JS自定义选择器

weixin_35799770的博客

06-28

169

选择器部分：var jojo = (function () {var jojo = function (arr) {var _this = this, i = 0;// Create array-like objectfor (i = 0; i < arr.length; i++) {_this[i] = arr[i];}_this.length = arr.length;return th...

js获取自定义属性值为R的dom元素