JavaScriptの内容を<span>に設定してください。

Question

ウェブページでは、私に整数値を与えるWebServiceを呼び出しています。この値をテキストブロックに表示する必要があります。私は現在、HTML <span>を使用しています。

これまでのところ、私はスパンに自分の値を入れる2つの方法を見つけました。 innerText()はIE独自の方法であり、innerHTML()は非標準に準拠した方法ですが、広くサポートされています。

テキストを正しく設定する方法は、<span>と</span>の間で、Javascriptからどうすればよいですか？

Answer 1

これは、標準に準拠したブラウザ間で安全です。

例：最新ブラウザのhttp://jsfiddle.net/kv9pw/

var span = document.getElementById('someID'); 

while(span.firstChild) { 
    span.removeChild(span.firstChild); 
} 
span.appendChild(document.createTextNode("some new content")); 

Answer 2

は、あなたがこのようにそれを行うだろう、などのjQueryなどのJavaScriptライブラリを使用せずにそれを行うには：

$("#myspan").text(''+intValue); 

Answer 3

：あなたはjQueryのを使用したいならば

var span = document.getElementById("myspan"), 
    text = document.createTextNode(''+intValue); 
span.innerHTML = ''; // clear existing 
span.appendChild(text); 

が、それだけで、このですMaximally Standardsに準拠した方法は、必要なテキストを含むテキストノードを作成し、それをスパンに追加することです（現在存在するテキストノードをすべて削除します）。

私が実際にやる方法は、jQueryの.text()を使用することです。

Answer 4

、あなたは、textContentプロパティを設定することができNode.textContentを参照してください。

var span = document.getElementById("myspan"); 
span.textContent = "some text";