Javascript を使って、指定した id を持つタグの中に含まれるテキストだけを抜き出すには、innerText 又は textContent を利用します。以下にサンプルコードを示します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<html> <head> <title>hoge</title> </head> <body> <div id="sore"> <a href="http://google.co.jp/">Google先生のホームページ</a> </div> <script type="text/javascript"> alert(document.getElementById('sore').innerText); //Firefoxではundefined alert(document.getElementById('sore').textContent); //IEではundefined </script> </body> </html> |
実行すると、div タグに含まれるaタグは無視されテキストのみが抽出されているのが分かると思います。2 個のアラートが順番にあがりますが、これらの実行結果は IE と Firefox で異なります。innerTextはFirefox で、textContent は IE でそれぞれ undefined が返されます。実行結果がブラウザによって違うため、innerText 又は textContent を利用する場合は、ブラウザによって実行するコードを分岐させなければならないようです。