如何使用Javascript创建具有特定自定义数据属性的div数组

如何使用Javascript创建具有特定自定义数据属性的div数组,javascript,html,Javascript,Html,我在一个页面上有一堆div,它们有一个自定义数据属性“data type” 这基本上就是代码,我只是去掉了实际内容以避免混淆 我想使用Javascript找出有多少div的数据类型为“form”,以便我对它们进行处理 我发现这与我想要做的事情类似,只是我试图不使用jQuery 有什么解决办法吗 编辑:我还应该提到,我试图不直接使用div“id”,因为它们是在不使用JQuery的情况下动态创建的,您可以使用 (打印编号)您可以使用querySelectorAll获取节点列表,如果需要,可以将其

我在一个页面上有一堆div,它们有一个自定义数据属性“data type”


这基本上就是代码,我只是去掉了实际内容以避免混淆

我想使用Javascript找出有多少div的数据类型为“form”,以便我对它们进行处理

我发现这与我想要做的事情类似,只是我试图不使用jQuery

有什么解决办法吗


编辑:我还应该提到,我试图不直接使用div“id”,因为它们是在不使用JQuery的情况下动态创建的,您可以使用


(打印编号)

您可以使用
querySelectorAll
获取节点列表,如果需要,可以将其转换为数组(以及类似
.namedItem()
)的散件):

var divs = document.querySelectorAll('div[data-type="form"]');
var arrayOfDivs = Array.prototype.slice.apply(divs,[0]);
elementList = document.querySelectorAll('div[data-type="form"]');
var divs = document.querySelectorAll('div[data-type="form"]');
var arrayOfDivs = Array.prototype.slice.apply(divs,[0]);