js获取元素属性及自定义属性

已于 2022-12-29 11:28:16 修改
阅读量963 收藏
点赞数
分类专栏： js 文章标签： javascript 前端 开发语言
于 2022-12-26 19:00:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_58414196/article/details/128448100
版权 
<body>
    <div id="demo" index="6"></div>
</body>
<script>
    var div = document.querySelector('div')
    console.log(div.id);
    console.log(div.getAttribute('id'));
    console.log(div.getAttribute('index'));

    div.id = "set"
    div.className = "navs" //内置属性
    div.setAttribute('index', 8) //更改自定义属性
    div.setAttribute('class', 'footer')
    div.removeAttribute('class') //移除属性
</script>

keepRuning9
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js获取属性和自定义属性操作
seimeii的博客
03-29 2372
js获取属性和自定义属性操作
Js获取自定义属性的方法
cghncgfnm的博客
06-05 3643
HTML： <span id='item'
JS基础四【JS】
weixin_53943447的博客
03-01 1027
自定义属性的目的保存并保存数据，有些数据可以保存到页面中而不用保存到数据库中有些自定义属性很容易引起歧义，不容易判断到底是内置属性还是自定义的，所以H5有了规定设置H5自定义属性H5规定自定义属性data开头作为属性名并且赋值// 或者使用JavaScript设置获取H5自定义属性element.getAttribute('属性')element.dateset.index 或者 element.dateset['index']ie11才开始支持。
原生js 获取自定义属性
weixin_46352937的博客
06-04 2977
原生js 获取自定义属性的两种方法
JavaScript - 操作元素 - 获取自定义属性值
qq_33962481的博客
06-22 7332
文章目录一、定义属性的操作1.获取属性值2.设置元素属性值3. 移除属性 一、定义属性的操作 二 选项卡案例 三 h5自定义属性
自定义属性
qq_44378009的博客
12-05 838
1.5. 自定义属性操作 1.5.1 获取属性值 <div id="demo" index="1" class="nav"></div> <script> var div = document.querySelector('div'); // 1. 获取元素的属性值 // (1) element.属性 console.log(div.id); //(2) elemen...
vue.js 获取当前自定义属性值
10-19
本篇文章主要介绍了vue.js 获取当前自定义属性值，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js 点击a标签 获取a的自定义属性方法
10-21
下面小编就为大家带来一篇js 点击a标签 获取a的自定义属性方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js设置和获取自定义属性的方法
11-26
在JavaScript中，设置和获取自定义属性是常见的操作，这对于扩展HTML元素的功能和存储额外信息非常有用。本文将详细介绍如何使用JavaScript（以及jQuery库）来处理这些自定义属性。 首先，我们通过`getElementById`...
使用jQuery获取data-的自定义属性
11-23
本文将深入探讨如何使用jQuery获取HTML元素上的"data-"自定义属性，并了解这些自定义属性在实际开发中的应用。 "data-"自定义属性是HTML5引入的一种新特性，允许开发者在HTML元素上附加任意的、非标准的数据。这些...
浅谈JS读取DOM对象(标签)的自定义属性
12-29
我们会发现，已经给这个id为test的DOM元素添加了一个叫做adang的属性了，然后在js中，可以调用这个属性。我在写js的时候经常用到这种方法，可以很方便地对某个dom对象添加一些特殊的数据，感觉DOM对象就像一个很好
js使用dataset方法获取自定义属性
weixin_44509418的博客
04-11 1627
原生js使用dataset方法获取自定义属性值
64. python高级------javaScript(2)
qq_40455733的博客
04-20 246
文章目录64. python高级------javaScript(2)python修炼第二十天2019年 4月19日 晴1.变量的作用域(1)局部变量(2) 全局变量2.条件语句3.获取标签元素 64. python高级------javaScript(2) python修炼第二十天 2019年 4月19日 晴 1.变量的作用域 (1)局部变量 局部变量就是在函数内使用的变量，只能在函...
Auto.js 控件属性缺失时获取控件
白瑕 的博客
05-23 9202
Auto.js借助className进行元素获取 文章目录Auto.js借助className进行元素获取使用环境一、具体操作总结 使用环境 我们在使用Auto.js Pro进行脚本开发时经常遇到多个页面控件(甚至所有)无id无text,给我们的获取和操作带来很大麻烦,直接使用click()方法又显得很low. 但他们的className通常是有的,而且会重名. 但他们的className通常是有的,而且会重名. 一、具体操作 回归正题现在就来用className获取某个具体的页面控件,一开始我想的非常
JS获取元素属性和自定义属性
热门推荐
马优晨
09-14 16万+
昨天有同事问我，怎么获取自定义元素的属性，我意识到这个确实是个 问题，所有总结一下自己的心得。 获取元素的属性分为两种类型：1-获取元素常见的属性（class,id,type,value……）2-获取自定义的元素的属性（data-value,data-mess…….）获取元素的属性，设置元素的属性： 1-原生JS** 设置属性 .setAttribute("属性","值")
js 如何获取自定义属性的值
B_qxzb的专栏
11-11 3万+
js 获取标准属性 用点操作符来获取。也可以用Element对象的getAttribute()函数来获取。 示例 var dataType = 当前元素对象.value; 获取自定义属性（或者叫非标准属性） 只能使用getAttribute函数来获取。 示例 var dataType = 当前元素对象.getAttribute("value");
js获取、设置元素属性值
最初的梦想
07-25 1万+
文章目录setAttributegetAttributegetComputedStylecurrentStyle`元素.style.属性名` 网页css和样式结构 #box{ width:100px; height:100px; } <div id="box" style="background:red;"></div> setAttribute 元素...
js获得html中自定义的属性值
梁诗傑的博客
06-30 7287
&lt;div id="box" dachui="大锤"&gt;&lt;/div&gt;获得自定义属性：关键方法：对象.getAttribute("自定义属性名"); &lt;script&gt; var oBox = document.getElementById("box"); var dachui = oBox.getAttribute("dachui
js如何获取带有自定义属性的元素
最新发布
05-18
在JavaScript中，可以使用 `getAttribute()` 方法获取带有自定义属性的元素。 例如，假设有一个带有自定义属性 `data-id` 的元素： ```html <div data-id="123">Some content ``` 可以使用以下代码获取该元素并...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值