通过JavaScript按类更改值属性

Question

我有以下HTML:

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

我需要JavaScript将"帐户"的值更改为"yolo".

我以为我能做到这一点:

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");
  }
}