使用Javascript更改标签内容

时间:2013-05-13 21:32:07

标签: javascript

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

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

3 个答案:

答案 0 :(得分: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/

答案 1 :(得分:0)

根据您发布的内容,此代码可以使用:

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';
};

答案 2 :(得分:0)

你能使用jQuery吗?

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

使用JS:

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

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