使用Javascript更改标签内容

Question

是否可以使用JavaScript更改标签内容？

<label>How is it?</label> 
<input type="button" value="change label"/> 

Answer 1

基于您已发布什么，这个代码将工作：

var label = document.getElementsByTagName('label')[0], // first label 
input = document.getElementsByTagName('input')[0]; // first input 

// attach click handler 
input.onclick = function() { 
    label.innerHTML = 'changed label'; 
}; 

Answer 2

你可以使用jQuery？

$('label').text("whatever you want here"); 

随着JS：

document.getElementsByTagName('label')[0].innerHtml = "whatever you want here"; 

这将是最好给它一个ID，这样就可以直接瞄准它。

Answer 3

给标签的ID，并改变它是这样的：（原谅内嵌事件处理程序:-)）

<label id='label-id'>How is it?</label> 
<input type="button" value="change label" 
     onclick="document.getElementById('label-id').innerHTML = 'Like this!';"/> 

工作演示在这里：http://jsfiddle.net/bd349/