html遍历获取指定标签的属性，js遍历html标签

如何自动获取HTML5的data-*属性示例代码详解

使用 HTML5 的 data-* 属性的话，获取元素后直接访问 dataset.属性名称 即可，dataset 的类型为 DOMStringMap {}，一个 MAP 对象，仍是 key / value 式的对象，使用上比较方便。

.data(key ).data()从jQuery 3起，HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。

在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。目前采取这样的做法的框架也有很多，最常见的当属jQueryMobile。

相关问答

Q1: HTML当中获得checkbox标签中所有值的属性?

1、思路：利用name属性值获取checkbox对象，然后循环判断checked属性（true表示被选中，false表示未选中）。

2、在javascript中创建一个自定义函数 my_checkbox_form_id。在自定义函数中获取input对象。用form属性获取表单对象，用表单的id属性获取表单的id值，并将结果显示到p标签中。

3、设置控件的value属性（value=“1”），页面提交时会提交checkbox的值。从参数字符串中取得进行判断。

4、首先用document.getElementsByName()这个方法，通过input标签的name属性将input元素获取，并存进obj这个变量值中。然后建一个check_val的数组，通过for循环将input标签的value值存入数组中，这样就可以获取checkbox的选中的多个值。

Q2: html5自定义属性:如何获取自定义属性值(附代码)

1、使用 HTML5 的 data-* 属性的话，获取元素后直接访问 dataset.属性名称 即可，dataset 的类型为 DOMStringMap {}，一个 MAP 对象，仍是 key / value 式的对象，使用上比较方便。

2、复制代码 代码如下：.data(key，value ).data(obj ).data(key ).data()从jQuery 3起，HTML 5 data- 属性 将自动被引用到jQuery的数据对象中。

3、在HTML5中我们可以使用以data-为前缀来设置我们需要的自定义属性，来进行一些数据的存放。当然高级浏览器下可通过脚本进行定义和数据存取。在项目实践中非常有用。目前采取这样的做法的框架也有很多，最常见的当属jQueryMobile。

4、一，创建HTML5文件：如果还没想好要使用哪一个，可以复制下面的代码：在body中设置自定义元素，在head部分脚本区域利用JavaScript元素进行访问。

5、HTML代码：input type=text name=s01 data=自定义数据信息 / JavaScript代码：因为data不是input标签原生的属性，所以不能使用点操作。非标准属性，要用：obj.getAttribute(data)；的方式。

6、data-* 属性包括两部分：属性名不应该包含任何大写字母，并且在前缀 data- 之后必须有至少一个字符 属性值可以是任意字符串 注释：用户代理会完全忽略前缀为 data- 的自定义属性。

关于html遍历获取指定标签的属性和js遍历html标签的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。