I would like to set a value of a <label>, like so:

<label for="idname">Value here...</label>

with Javascript. I have already done this, for the for attribute:

element.setAttribute("for", "idname");

is there something like element.setValue() that I can use to set the value of the label? Thanks!

I would like to set a value of a <label>, like so:

<label for="idname">Value here...</label>

with Javascript. I have already done this, for the for attribute:

element.setAttribute("for", "idname");

is there something like element.setValue() that I can use to set the value of the label? Thanks!

• javascript
• html
• label

• Please more info, value of which element? Cuz it is useless to set value of label – Ron van der Heijden Commented Mar 31, 2013 at 18:08
• I meant set the value of the innerHTML, I have now learned. – Burrito411 Commented Mar 31, 2013 at 18:22

3 Answers 3

jsFiddle Demo

Iterate through the label elements looking for the property for="idname" like this:

var labels = document.getElementsByTagName("label");
for( var i = 0; i < labels.length; i++ ){
 if( labels[i].outerHTML.indexOf('for="idname"') > -1){
  var UseLabelValue = labels[i].innerHTML;
  labels[i].innerHTML = "Replace Value";
 }
}

<label for="idname">Value here...</label>


<script>
document.getElementsByTagName('label')[0].innerHTML='new value';
</script>

https://developer.mozilla/ru/docs/DOM/element.innerHTML

http://javascript.info/tutorial/searching-elements-dom

A label has no value. If you want to set the text, you may use

element.innerHTML = "some text";