私はラベルで、いくつかの入力タグを持つHTMLでinputタグ

Question

の前または後にテキストラベルを置き換えます。

<label>Address <input type="text" name="address" /></label> 
<label><input type="text" name="surname" /> Surname</label> 

を私はjavascriptのfuncionとラベルのテキストを変更したいです。
私はそれが可能であることを知っています。不都合なことに、入力前と入力後の両方にラベルが付いています。だからfirstChildとlastChild。

ラベルを<span>に入れてgetElementByIdを使用することは可能です。しかし、私は好まない。
ラベルにidまたはforを追加することもできますが、私は好まないでしょう。

「最初のTextNode兄弟の前後の入力」をどのように簡単に置き換えることができますか？

Answer 1

を参照してください。

var replaceText = function(inputName, newText) { 
    var TEXT_NODE = 3, 
     input_name = document.getElementsByName(inputName)[0], 
     nodes = input_name.parentNode.childNodes; 

    for (i = 0; i < nodes.length; i++) { 
     if (nodes[i].nodeType === TEXT_NODE) { 
      nodes[i].nodeValue = newText; 
      break; 
     } 
    } 
}; 

replaceText("address", "Not an Address"); 
replaceText("surname", "Not a Surname"); 

Example on jsfiddle

Answer 2

生のJavascriptを使用する代わりに、JQueryのようなクロスブラウザのフレームワークを使用することを強くお勧めします。その後、Jqueryで：

$('input').bind("keyup", function(event) { 
    var textNodes = $(this).parent().contents().filter(function() { 
     return this.nodeType == Node.TEXT_NODE; 
    }); 
    textNodes.each(function() { this.nodeValue = "bla"; }); 
}); 

ここでのデモ：http://jsfiddle.net/Hh33v/6/

あなたは、childNodesを反復処理TEXT_NODEの最初のインスタンスを検索し、テキストを置き換えることができhttp://api.jquery.com/filter/とhttp://api.jquery.com/contents/