HOME>WEBプログラム覚書>HTMLタグと内容を取得

HTMLタグと内容を取得

HTMLのタグと内容を取得するにはinnerHTMLを利用する。

サンプル

CSS

  1. #JSwrite p {
  2.     font-weight: bold;
  3.     color: #993300;
  4. }
  5.  

Javascript

  1. function HTML_write(){
  2.     var hoge_01 = document.getElementById("JSget").innerHTML;
  3.     document.getElementById("JSwrite").innerHTML = hoge_01;
  4. }
  5.  

HTML

  1. <h4>下記内容を取得</h4>
  2. <div id="JSget">
  3.     <p>これはjavascriptのテストです。</p>
  4. </div>
  5.  
  6. <h4>以下に書き出し</h4>
  7. <div id="JSwrite">
  8.  
  9. </div>
  10.  
  11. <p><a href="javascript:;" onClick="HTML_write()">クリックで取得/書き出し</a></p>
  12.  
  13.  

実行結果

下記内容を取得

これはjavascriptのテストです。

以下に書き出し

クリックで取得/書き出し

タグも内容も丸ごと書き換えられるので、色々と使えますね。ie5.0、firefox1.0、safari1.0以上にて動作。

内容だけ取得する場合はinnerTEXTを使えばいいのですがfirefox1.0が対応して無い模様。ってかそもそも独自拡張なのか・・・

投稿日 2007年5月28日 12:07
カテゴリ JavaScript
タグ サンプルコード | 動作確認 | 関数
トラックバック URL http://www.kantenna.com/cgi-bin/mt504/mt-tb.cgi/1072

コメント

コメントする
Name
Email Address
URL