JavaScript : リンクのテキストの取得( Chrome、Firefox、IE / textContent、innerText、text、replace、jQuery )

標準でクロスブラウジング無しなら、replace なんですが、&lt; や &gt; に変換されている場合は、 innerHTML で < と > に戻るので、他は < と > を保持するのに対して、replace のみ 取り去ってしまいます。

となると、jQuery にまかせたほうが良いという事になります。

こうして並べてみると、Google Chrome の text が特異に見えます。元々は、IE の innerText が特異ではあったと思うのですが、Google Chrome が innerText を実装している流れで、text を改行ありにしたんだろうとは思います。改行無しなら textContent でいいわけですし。

<script>
if ( !window.jQuery ) {
	if ( typeof window[window.location.hostname+'.loadjQuery'] === 'undefined' ) {
		if ( window.addEventListener ) {
			window[window.location.hostname+'.loadjQuery'] = '//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js';
		}
		else {
			window[window.location.hostname+'.loadjQuery'] = '//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js';
		}
	}
	document.write("<"+"script src=\"" + window[window.location.hostname+'.loadjQuery'] + "\"></"+"script>");
}
</script>

<a id="target" href="http://winofsql.jp"><b>あああ</b><br/><b>いいい</b><br/></a>
<script type="text/javascript">

var obj = document.getElementById("target");

if ( obj.textContent ) {
	alert("textContent:" + obj.textContent );
}

if ( obj.innerText) {
	alert("innerText:" + obj.innerText);
}

if ( obj.text ) {
	alert("text:" + obj.text);
}

var htmlString = document.getElementById("target").innerHTML;
var htmlString = htmlString.replace(/<[^>]+>/g, ""); 
alert("replace:"+htmlString );

alert( "jQuery:" + $("#target").text());

</script>

	textContent	innerText	text	replace	jQuery
Chrome	改行なし	改行あり	改行あり	改行なし	改行なし
Firefox	改行なし	×	改行なし	改行なし	改行なし
IE10・IE11	改行なし	改行あり	改行なし	改行なし	改行なし
IE9	改行なし	改行あり	×	改行なし	改行なし
IE8	×	改行あり	×	改行なし	改行なし

JavaScript DOM

IFRAME 内に外部の javascript を読み込んで画面を作成する / document.write での構築

JavaScript : setTimeout の第一引数の正しい書き方。

JavaScript でクリックの代替( 古くは dispatchEvent で呼び出し )、現在は jQuery の click() ではリンクの URL を開く事はでき無いので、$("セレクタ")[0].click() 等を併用します。

JavaScript : リンクから _blank で開いたページを JavaScript で閉じる場合の動作テスト

JavaScript : ブラウザの表示を半透明で暗くする方法( scrollHeight で高さ決定 )

JavaScript DOM と jQuery : エレメントの参照

動的に作成された IFRAME の キャラクタセットのブラウザ別の違い

ローカル記憶域 : window.localStorage

JavaScript : zIndex の最大値と思われる 0x7FFFFFFF を各ブラウザでテストしました

JavaSctipt : ユーザ用(名前空間付き)イベント追加メソッドの作成

JavaScript : 最後にクリックしたテキストフィールドを保存する

JavaScript : クリックした要素の位置を計算して、近くにウインドウを開く