欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

javascript中的自定义属性

程序员文章站 2022-07-05 15:34:37
标签的自定义属性: 在开发中,有时需要在标签上添加一些自定义属性用来存储数据或状态。 设置了自定义属性的标签,就是在这个标签上添加了这个属性,浏览器中的html结构中可以看到。 使用点语法(如oWrap.mygod="哈哈")设置的自定义属性,在html结构中并不能直接看到,但该属性实际已经存在于该 ......

标签的自定义属性:

在开发中,有时需要在标签上添加一些自定义属性用来存储数据或状态。

设置了自定义属性的标签,就是在这个标签上添加了这个属性,浏览器中的html结构中可以看到。

使用点语法(如owrap.mygod="哈哈")设置的自定义属性,在html结构中并不能直接看到,但该属性实际已经存在于该标签的属性集合列表,如下图所示:

 

1 var ow=document.getelementbyid('wrap');
2      ow.mygod="hi"; 

 

javascript中的自定义属性javascript中的自定义属性

 

利用这个特性,可以很方便的将for循环中的循环变量存储在相关标签上。

当然如果想要在html结构中看到该自定义属性,可以用dom.setattribute("mygod","hi");

1 var ow=document.getelementbyid('wrap');
2      ow.setattribute("mygod","hi");

 

javascript中的自定义属性

除了dom.setattribute()方法可设置自定义属性外,还有获取和移除自定义属性两种方法,语法分别是:dom.getattribute()和dom.removeattribute();