- ベストアンサー
JavascriptでHTML内の特定のテキストにリンクを追加する方法
- Javascriptを使用して、HTML内にある特定のテキストにリンク（<a>タグ）を追加する方法をご説明します。
- 例えば、<div class="contents">内のテキストにリンクを追加する場合、<a>タグを使用して該当するテキストをリンクに変換することができます。
- リンクを追加したいテキストに対して、<a href="URL" target="_blank">リンクテキスト</a>という形式のHTMLコードを生成し、innerHTMLプロパティを使用して該当するテキストを置換することで実現します。
- ikehata_shin
- お礼率54% (39/72)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- think49
- ベストアンサー率59% (285/482)
innerHTML は元々IEの独自拡張でしたが、NNがなくなってから使用者が増えたので他のブラウザもサポートしています。 IE5.5+, Fx3.0+, Safari4.0+, GoogleChrome4+, Opera10.10+ で動作するので、互換性も概ねクリアできていると思います。 W3C DOM Compatibility - HTML http://www.quirksmode.org/dom/w3c_html.html 現在では、HTML5 で標準化されました。 3.3 APIs in HTML documents ? HTML5 (including next generation additions still in development) http://www.whatwg.org/specs/web-apps/current-work/multipage/apis-in-html-documents.html#innerhtml ただし、innerHTML は低速な上に、IEの独自拡張にならって他のブラウザが実装した(元々は標準仕様ではなかった)ので、ブラウザ毎の仕様差が多い…。 個人的には innerHTML を使わなくても実装できるのなら使う必要はない、と思います。 - 通常のDOM操作よりも低速 - 要素名の大文字/小文字の認識が各々のブラウザで異なる (小文字 = Firefox, Goocle Chrome, Opera / 大文字 = IE) - IE はホワイトスペースノードを無視する DHTML Dude:更なるパフォーマンス向上のヒント http://msdn.microsoft.com/ja-jp/library/bb263997%28VS.85%29.aspx ちなみに、似たようなメソッドとして outerHTML がありますが、Firefox以外は対応しています。 IEは対応しているので、HTMLElement.prototype.outerHTML を定義すれば、ほとんどのブラウザで使えます。 http://d.hatena.ne.jp/amachang/20100531/1275270877
お礼
ありがとうございました。
お礼
ありがとうございました。