原生JS获取含有自定义属性的元素节点

于 2023-12-10 14:47:47 发布
阅读量197 收藏
点赞数
文章标签： javascript 开发语言 ecmascript
原文链接：https://blog.csdn.net/woshidamimi0/article/details/81454187
版权

原生JS获取含有自定义属性的元素节点

woshidamimi0

于 2018-08-06 15:12:59 发布

阅读量1w
收藏 4

点赞数 6
分类专栏： js
版权

js
专栏收录该内容
68 篇文章4 订阅
订阅专栏
jQuery有data()方法可以获取到自定义的元素节点，而原生JS获取则要用到querySelector以及querySelectorAll这两个方法。
用代码写一下。

js获取自定义属性的元素
123
456
789
1000

————————————————
版权声明：本文为CSDN博主「woshidamimi0」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/woshidamimi0/article/details/81454187

HOLD ON!
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS DOM中的获取节点和操作节点
m0_63977330的博客
04-22 1796
HTML除了一些内置属性之外,程序员还可以根据需要自定义一些属性, 自定义的属性建议以data-开头// DOM操作内置属性 DOM对象.内置属性名// 获取自定义属性,也可以获取内置属性,但是获取类名的时候,需要使用class// dom对象.getAttribute("自定义属性名或者内置属性名")// 设置自定义属性,也可以设置内置属性,但是设置类名的时候,需要使用class// dom对象.setAttribute("自定义属性名或者内置属性名", "属性值")
JavaScript中 获取元素节点 以及 获取元素属性 的方法
最新发布
x15514104477的博客
06-25 1357
js中获取元素节点的6种方法演示加解释 js中获取元素属性的3种方法的演示加解释
原生js 获取自定义属性
weixin_46352937的博客
06-04 2993
原生js 获取自定义属性的两种方法
js获取自定义属性的两种方法
qq_41271393的博客
08-19 1万+
js获取自定义属性的两种方法 一、四种获取属性的方法 首先获取一个元素：var elem = document.getElementById(‘elem’); <div id="elem" class="box" title="hello" ancheng="Ancheng" data-user="小明" data-user-name="小小明"></div> 1、点(...
js设置和获取自定义属性的方法
10-21
本文将详细介绍如何在JavaScript（简称JS）中设置和获取这些自定义属性的方法。 首先，我们需要了解HTML中的自定义属性通常是以data-为前缀的。例如，如果我们想为一个元素添加一个描述用户信息的属性，我们可能会...
JS实现添加,替换,删除节点元素的方法
10-22
本文将深入探讨如何使用JavaScript来添加、替换和删除节点元素，从而达到动态修改网页内容的目的。 首先，要理解DOM树的概念。DOM将HTML文档建模为树结构，其中每个HTML元素都是树中的一个节点。JavaScript提供了...
示例4：操作节点属性.rar_javascript操作节点属性
09-20
标题“示例4：操作节点属性.rar_javascript操作节点属性”表明我们将探讨如何修改和访问这些节点的属性。属性是元素的额外信息，例如`id`、`class`、`src`等。以下是一些常见的操作： 1. **获取属性值**：使用`...
js获取class的所有元素
12-11
在JavaScript中，获取具有特定class的所有元素是一项常见的任务，这对于网页动态交互和DOM操作至关重要。在给定的代码示例中，我们看到一个名为`getClass`的自定义函数，它用于根据标签名称和类名获取元素。这个功能...
原生js实现给指定元素的后面追加内容
10-27
综上所述，原生JavaScript并没有提供一个直接的方法来实现给指定元素的后面追加内容，但通过结合使用父节点的appendChild方法和insertBefore方法，我们可以自定义一个函数来实现这一功能。这个自定义函数insertAfter...
JavaScript之DOM之获取元素、操作元素、自定义属性、节点、事件
m0_63374484的博客
01-23 1692
一、获取元素 1. 根据ID获取（getElementById(ID)获取元素） <div id="time">2022-01-23</div> <script> var element = document.getElementById('time'); console.log(element); console.log(typeof element); console.dir(element);
js根据自定义的属性来查找节点
︶￣城南花已开
12-27 1856
js 操作节点
JavaScript获取节点——获取属性节点
wu123wu3的博客
11-27 8410
0.前言  上一章讲了如何获取获取标签(元素)节点，这一节来和大家说一下如何获取属性节点。 我还是用代码来讲解：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>获取属性节点</title> </head> <body> <input type="text" id="in" plac
JS获取元素属性和自定义属性
热门推荐
马优晨
09-14 16万+
昨天有同事问我，怎么获取自定义元素的属性，我意识到这个确实是个 问题，所有总结一下自己的心得。 获取元素的属性分为两种类型：1-获取元素常见的属性（class,id,type,value……）2-获取自定义的元素的属性（data-value,data-mess…….）获取元素的属性，设置元素的属性： 1-原生JS** 设置属性 .setAttribute("属性","值")
js自定义属性与认识节点
m0_59359854的博客
06-24 153
认识节点 1.利用 DOM 树可以把节点划分为不同的层级关系，常见的是父子兄层级关系。2.node.parentNode,返回某节点的父节点，返回最近一个父节点,如果没有父节点返回null。3.childNodes返回包含指定节点的子节点的集合，返回所有子节点，包括文本节点，元素节点。4.children 只返回所有的子元素节点，其余节点不返回。5.firstChild 返回第一个子节点，找不到返回null，包含所有节点。6.firstChild 返回最后一个子节点，找不到返回null，包含所有节点。7.
javascript根据元素自定义属性获取元素，操作元素
tju_tsubasa的博客
05-08 1万+
转自javascript根据元素自定义属性获取元素，操作元素function getElementByAttr(tag,attr,value) { var aElements=document.getElementsByTagName(tag); var aEle=[]; for(var i=0;i<aElements.length;i++) { if
原生js自定义属性的设置和获取
冷月心的博客
06-01 3331
dom.setAttribute(key,value) dom.getAttribute(key)
tampermonkey 使用原生JS打印节点 不使用 jspdf 和 html2canvas等第三方库，带上原始节点的样式
05-25
可以使用原生JS的 `window.print()` 方法来打印节点，但是这种方法只能打印当前页面的内容，无法自定义打印的节点和样式。如果需要自定义打印的节点和样式，可以使用以下步骤： 1. 创建一个空白页面，并在其中引入...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值