使用Javascript更改标签内容

Changing label content using Javascript

本文关键字：标签 Javascript 使用      更新时间：2023-09-26

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

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

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

你会使用jQuery吗?

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

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

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

根据您发布的内容，此代码将工作:

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';
};
相关文章：