Question

我有以下HTML：

<input class="vertical-tabs-active-tab" type="hidden" value="account" name="tabs__active_tab">

我需要将“帐户”的值更改为“yolo”的JavaScript。

我以为我可以这样做：

document.getElementsByClassName('vertical-tabs-active-tab').setAttribute("value", "yolo");

但是会产生错误：

document.getElementsByClassName(...).setAttribute is not a function

我无法在输入中添加“id”，我必须根据类更改值。

Answer 1

document.getElementsByClassName('vertical-tabs-active-tab')[0].setAttribute("value", "yolo");

document.getElementsByClassName返回一个元素数组，指定要更改的元素的索引。

Answer 2

这可能会做你想要的：

var elms = document.getElementsByClassName('vertical-tabs-active-tab')
for (var i = 0; i < elms.length; i++) {
  if (elms[i].getAttribute("value") === "account"){
   elms[i].setAttribute("value", "yolo");
  }
}

Answer 3

getElement s ByClassName返回一个列表/数组元素。通过索引选择元素并在其上设置值。您还可以迭代元素。 getElementById只返回一个元素。

通过JavaScript按类更改值属性

3 个答案: