Change value attribute by class via JavaScript

javascript html setattribute getelementsbyclassname
Cagey215 picture Cagey215 · Nov 5, 2013 · Viewed 51.2k times · Source

I have the following HTML:

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

I need JavaScript that will change the value of "account" to "yolo".

I thought I could do this:

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

But that produces an error of: 

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

I'm not able to add an "id" to input, I have to change the value based on class.

Answer

tymeJV picture tymeJV · Nov 5, 2013 
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.

Related questions

JavaScript Adding an ID attribute to another created Element

I have some code here that will do the following. The code creates an element "p" then I append it to a "div" in the HTML. I would like that "p" I just created have an unique identifier (ID) and …

Read More
JS - Cannot read property 'setAttribute' of null

I am pretty new to javascript and want to code a header of an html site. JS: when the window width is smaller than 1215px --> left part goes 100% width; right part of the header to 0 I always get …

Read More
Javascript set value of an input field

Since while I cannot set the value of an input field with type=text. Before, I always used something like this: <input style="display: none" type="text" name="geo_poi" value="" id="geofeld" /> Then, in JavaScript i added …

Read More