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 を指定することをお勧めします。