HTMLのタグと内容を取得するにはinnerHTMLを利用する。
サンプル
<style type="text/css">
<!--
#JSwrite p {
font-weight: bold;
color: #993300;
}
-->
</style>
<script language="javascript" type="text/javascript">
<!--
function HTML_write(){
var hoge_01 = document.getElementById("JSget").innerHTML;
document.getElementById("JSwrite").innerHTML = hoge_01;
}
-->
</script>
<h4>下記内容を取得</h4>
<div id="JSget">
<p>これはjavascriptのテストです。</p>
</div>
<h4>以下に書き出し</h4>
<div id="JSwrite">
</div>
<p><a href="javascript:;" onClick="HTML_write()">クリックで取得/書き出し</a></p>
実行結果
タグも内容も丸ごと書き換えられるので、色々と使えますね。ie5.0、firefox1.0、safari1.0以上にて動作。
内容だけ取得する場合はinnerTEXTを使えばいいのですがfirefox1.0が対応して無い模様。ってかそもそも独自拡張なのか・・・
改訂第4版 JavaScript ポケットリファレンス
/ 金額 : ￥ 2,499
トラックバック
- http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/359
人気の記事
1-5
6-10
- 66.5459770115 秒: (174ビュー)
- WEBプログラム覚書::表示内容の切り替え(JavaScript)
- 55.5748792271 秒: (207ビュー)
- 情報備忘録::eclipse + PDT 2.0 + XAMPP で作るWordpress開発環境
- 55.1833910035 秒: (289ビュー)
- WEBプログラム覚書::jQueryによる表示、非表示切り替え
- 35.6666666667 秒: (183ビュー)
- WEBプログラム覚書::javascript フォーム関連オブジェクトの取得
- 30.6506849315 秒: (146ビュー)
- 情報備忘録::Photoshop チュートリアル 基本的な光の作り方
- 29.8631578947 秒: (190ビュー)
- WEBプログラム覚書::javascript 子要素取得のメモ
- 29.2393939394 秒: (330ビュー)
- WEBプログラム覚書::PHP 参照渡し(リファレンス)と値渡し
- 24.2450331126 秒: (302ビュー)
- 情報備忘録::Dreamweaverで文字コードを変換する手順
- 8.04268292683 秒: (164ビュー)
- WEBプログラム覚書::MySQLエラー「Column 'カラム名' in field list is ambiguous」
- 2.84523809524 秒: (168ビュー)
- WEBプログラム覚書::PHP Array関数いろいろ
WEBデザイン・ホームページ製作 カンテナ プログラミング覚書
ActionScript
ETC
Excel VBA
HTML/CSS
jQuery fade() と pngbehavior.htcJavaScript
[jQuery]こんな機能があったんだ。jQuery stop() [jQuery]ツールチップをいろいろと検討 Ajaxメモ jQueryのプラグイン作成前のメモ jQuery プラグイン Slide boxメモ jQuery fade() と pngbehavior.htc javascript Node プロパティ 優れたナビゲーションを真似てみる デザイナーのためのjQueryチュートリアル 最小？IEブラウザ判定 jQueryオブジェクト javascript 反転処理1 javascriptの.演算子と変数と引数 jQueryでページ内リンクを自動作成 jQueryによる表示、非表示切り替え 出来ると思ったけど出来なかったJavascriptコード 「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第3問- 「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第2問- 「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第1問- javascript 子要素取得のメモ javascript フォーム関連オブジェクトの取得 javascript エラーコード javascriptでのエラー処理 try-catch構文 HTMLエスケープを行うPHP関数、htmlspecialchars をJavascriptで実装 Divの高さを合わせるスクリプト(safari対応版) Simple Javascript Accordionsを試してみた Divの高さを合わせるスクリプト htmlにjavascripを記述する際の注意 JavaScript正規表現1 不特定多数の引数をもつ関数 JavaScriptでテーブルの行を交互に色分け[テーブル複数ある場合] JavaScriptでテーブルの行を交互に色分け 要素名(タグ名)で要素オブジェクトを取得 JavaScriptの配列の基本あれこれ ウィンドウサイズを取得 表示内容の切り替え(JavaScript) HTMLタグと内容を取得 数字の入力チェック ブラウザの情報を取得 スクリプト記述MySQL
PHP
[jQuery]ツールチップをいろいろと検討 javascript エラーコードXML
タグ
