要素のテキストのみを取得する 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ではない点。

インデックスにもどる