使用JavaScript获取类中的属性值

Question

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

我有这个输入标签：

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

如何使用javascript从类中获取7的保持值？

这是因为我想添加自定义属性，但是在呈现页面时，不会显示我的自定义属性。 有些人建议我改为将它们放在课堂上。

例如：

<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 。