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