javascript - 使用 javascript 获取类中的属性值

Question

我不知道这个问题是否有人在这里问过，我只是不知道正确的词。

我有这个输入标签:

 <input type = "text" class="inputbox holdout-7"></input>

如何使用 JavaScript 从类中获取保留值 7？

这是因为我想添加自定义属性，但是当页面呈现时，我的自定义属性没有显示。有些人建议我把它们放在一个类(class)里。

例如:

<input type = "text" class = "inputbox" holdout="7"></input>

渲染页面时，不包含保留，因此我无法获取该值。

Answer 1

var inputBox = document.querySelector(".inputbox"),
    classname = inputBox.className,
    regEx = /holdout-(\d+)/,
    holdoutValue = classname.match(regEx)[1];

它将返回您7

要将其设置为输入框中的属性:

inputBox.setAttribute("data-holdout",holdoutValue);

建议使用data-holdout而不是holdout。