javascript - 使用 Javascript 更改标签内容

Question

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

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

Answer 1

给标签一个 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/

Answer 2

根据您发布的内容，此代码将起作用：

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 3

可以使用 jQuery 吗？

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

使用 JS：

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

最好给它一个 ID，这样您就可以直接定位它。