要素のテキストのみを取得する textContent

[説明]

[サンプル]

この<b>bタグ</b>を取り除いて表示してみよう

[実行結果]

[ソースコード]

<p>この<b>bタグ</b>を取り除いて表示してみよう


<input type="button" id="btn1" value="タグを取り除いてテキストだけを取得" /
<script type="text/JavaScript">
var btn = document.getElementById('btn1');
var hyouji = document.getElementById('koko');

btn.onclick = function(){
	var pNode = document.getElementsByTagName('p').item(0);

	var kekka = pNode.textContent;

	koko.innerHTML = kekka;
}
</script>

一気に書くと　document.getElementsByTagName('p').item(0).textContent
nodeValueとの違いはfirstChildではない点。

インデックスにもどる