有没有办法获取数据集的多个值?

dohp0rv5  于 2021-09-13  发布在  Java
关注(0)|答案(1)|浏览(460)
<input type="file" data-custom="file" data-custom-icons="i-file i-upload" />

我想知道 data-custom-icons ,但要用空格隔开。

// PREFFERED OUTPUT: ["i-file", "i-upload"]

我知道如何基本上获取值本身,并尝试通过 Array.from() 就像我对你做的一样 classList . 但当我对该数据集执行此操作时,我的输出是每个字母对象。

var icons = el.dataset.customIcons;
console.log(icons);
var ic = Array.from(icons);
console.log(ic);

// WRONG OUTPUT: ["i", "-", "f", "i", "l", "e", " ", "i", "-", "u", "p", "l", "o", "a", "d"]

// Converting the classList in to an object
var cl = Array.from(el.classList);
console.log(cl);
OUTPUT: ["btn","btn-primary"]

数据集的这种行为是有原因的吗?

doinxwow

doinxwow1#

在这种情况下,您需要使用 split() 具有所需分隔符的方法:

console.log( document.querySelector('input[type="file"]').dataset.customIcons.split(/\s+/) );
<input type="file" data-custom="file" data-custom-icons="i-file i-upload" />

相关问题