当前位置:首页 > 编程教程 > HTML教程 > jquery和js获取自定义属性的值

jquery和js获取自定义属性的值

2018-12-02 10:16:49[HTML教程]点击数:作者:未知 来源: ww.zhimengzhe.com
随机为您推荐的文章:js实现流程动态显示

对于有很多流程的东西,我们希望能够根据不同的阶段,用流程条对应地进行显示,如下所示:




以上功能对应的html代码如下:

<div class="col-md-12 col-lg-3">
<div class=

jquery和js获取自定义属性的值

1、原生js获取并设置自定义属性的值;

1)自定义属性data-属性;

var $p = document.getElementById('su');

//获取值的两种方法

var it = $p.getAttribute('it');

var sex = $p.dataset.it;

//赋值的两种方法

$p.setAttribute('it','2');

$p.dataset.it = '3';

2)其他类型的属性只能用getAttribute和setAttribute来取值和赋值;

2、jquery取值和赋值和原生js大致相似;

attr() data() 两个方法;其中data方法只支持data-xx 属性;

原文地址:

这些内容可能对你也有帮助

    无相关信息

更多HTML教程可查看HTML教程列表页。

TAGS: