javascript - 通过 JavaScript 按类更改值属性

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 returns an array of elements, specify the index of the element you wish to change.

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 只返回一个元素。