KANTENNA.COM

Solarized

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

HTMLタグと内容を取得

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

サンプル

CSS
  1.  #JSwrite p {
  2.   font-weight: bold;
  3.   color: #993300;
  4.  }
Javascript
  1.  function HTML_write(){
  2.   var hoge_01 = document.getElementById("JSget").innerHTML;
  3.   document.getElementById("JSwrite").innerHTML = hoge_01;
  4.  }
Javascript
  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>

実行結果

下記内容を取得

これはjavascriptのテストです。

以下に書き出し

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

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

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

テスト駆動JavaScript
作者:Christian Johansen | 価格:¥ 3,780

トラックバック(0)

コメント

コメントする
Name
Email Address
URL
TIME LINE
2012
02.03

[jQuery]closest()とparents()

今から16年前Netscapeブラウザのソースコードの公開方法の会議の中で、初めてオープンソースという言葉が使われた今日、 みなさんいかがお過ごしでしょうか。

今回の投稿はそれとは関係のないjQueryのparents()とclosest()が 似てたので何が違うのか試した時のメモです。

2012
02.01

[jQuery Mobile]初期化イベントメモ

jQuery Mobileは読み込まれてから

mobileinit -> pagebeforecreate -> pagecreate -> pageinit

の順番でイベントが発生する。

2012
02.01

[WordPress]管理画面のフッタのフィルタとアクション。

時間も時間なので、あまり使用頻度の高くない微妙なネタを。

会員制サイトなどで不特定多数の人にログインさせる場合、フッタのバージョン情報は隠しておきたかったり、 こじゃれたメッセージを表示したいときとか使うアクションとフィルタ。

2012
01.28

[WordPress] ブログの情報を取得する方法とノーキャッシュ疑惑

ブログのget_bloginfo()で取れないデータが必要な場合に使うもの。

2012
01.26

[jQuery Mobile]ダイアログ

jQuery Mobileにおけるダイアログの扱いはウインドウではなくページ。 なので通常のページと同様に扱える。ダイアログウインドウを出す。じゃなくダイアログページに遷移する。的な。

2012
01.25

[Ubuntu11.10]Ubuntuのインストール後の設定

インストール完了後の環境構築。PC起動時いちいちBIOSからブートドライブ選んで ブートするのかと思ってたら起動時にOS選択画面が出てくる。

すばらしいですね。

2012
01.24
2012
01.23

MinGW+Mintty+Git

MinGW+Mintty+Gitをやろうとして失敗に終わった。このエントリーには収穫できるものはありません。

2012
01.21

[PHP]共有サーバーユーザーのためのPEARインストール方法

共有サーバーでは自由にPEARのパッケージがインストールできないので、 プロジェクトローカルに設置することになりますが、以前httpベースのものを使ってみたんですけど、 やたら重くて使い物にならなかったので、僕は普通にFTPでアップするようにしてます。

ってことでプロジェクトローカルへのPEARのインストール方法。