ネストされたスパンのテキストの置換

Question

1つのスパン（outer）のinnerHTMLを1つの可変要素にまとめました。

スパンインナーの内側に1つのネストされたスパンがあるので、スパンテキストのinnerHTMlを次のように設定できますか？

var outertext = document.getElementById("outer"); 

は今outertext内側のスパンを持っている、と私は、内側スパンのテキストを置き換えたいです。

どうすればいいですか？

Answer 1

outertext.getElementsByTagName('span')[0].innerHTML = "NEW CONTENT"; 

例：http://jsfiddle.net/JAmFM/

（それがgetElementByIdであることに注意してくださいあなたはgetElementbyidを持っていたたぶんタイプミス。。。）

Answer 2

スパンを取得します。）

outertext.getElementsByTagName('span')[0].innerHTML = 'O_o' 

0をsuと置き換えてください。あなたの必要性。あなたはあまり書きたい場合は

Answer 3

、あなたはjQueryのを使用することができます。

$('#outer > span').html('new content here'); 

をスパンが#outerの直接の子でない場合は、>を削除します。

ネイティブ関数以外のものを使用しない場合は、他の2つの回答を参照してください。