JavaScriptでHTMLをダイナミックに書き換える 前編

もともとは存在しなかったタグ要素を新たに追加したり、変更、削除するテクニックを学ぶ。こうした処理ができるのはDOMならではの魅力だ。 旧来のDHTMLの手法では、JavaScriptから操作できるHTML要素には限りがありましたが、DOMでは、HTML上のありとあらゆる要素を自由自在に読み取ったり、書き換えることができるようになります。本連載では、主にDOM Level 1で規定されている手法を使い、JavaScriptでどのようにHTML上の要素へアクセスするのか、そして、それをどうやって書き換えるのかを詳しく解説します。これにより、JavaScriptからHTML要素を手に取るように操れるようになります。 DOMスクリプティングでは、HTMLをJavaScriptから自由自在に書き換えられる点が大きな魅力です。これまで、HTMLに存在する要素の参照方法や属性の扱い方を学んできましたが、

[nilab]

JavaScriptでHTMLをダイナミックに書き換える　前編 － ＠IT自分戦略研究所 : ・テキストを追加する（createTextNode） ・タグを追加する（createElement） ・ある要素の直前に追加する（insertBefore）

[kokemono]

勉強

[Hamukoro]

div可愛いのに

[tyru]

DOM

[peyotee]

JavascriptによるDOMスクリプティング

[webmarksjp]

JavaScript

[hisasann]

DOMスクリプティング、innerHTMLでいこうよｗ

[yuuten]

//わかりやすい説明だ

[masapon1967]

JavaScriptでHTMLをダイナミックに書き換える　前編

[n2s]

これの元ネタとなった本でそれなりにDOMを勉強した自分がバカでした。どうぞこんなバカをののしってくださいませ＞id:denken、id:sawa1016、id:ginpei各氏

[soratomo]

DOMスクリプティング

[Evil_Wind]

DOM基本

[mukaken]

初心者向け講座

[ka-wara]

「DOMの基本を学ぼう」シリーズの一編,

[Kiske]

標準DOMスクリプティング第2章の転載

[level]

標準DOMスクリプティング』のうち「第2章 DOMの基本」を、同社の許可を得て転載

[denken]

「このHTMLは先ほどのサンプルとまったく同じですが、このPタグの中に"<h1>こんにちは</h1>"というタグを挿入してみましょう。」

[Layzie]

h1をpに入れる？これは…。

[ys0000]

確かに、h1要素はdiv要素以下に入れてほしいなぁ→p要素の子要素について勉強すべし。/DOMはHTA書くときにはとても便利。

[kaz0101]

DOMについて

[osawa1016]

P要素の中にH1要素入れちゃう人にDOMの話されたくないよなあ・・・・・・

[dextrajp]

javascript

[japanrock]

"JavaScriptでHTMLをダイナミックに書き換える"

[ginpei]

『このPタグの中に"<h1>こんにちは</h1>"というタグを挿入してみましょう。』なんて言っちゃうあたり、筆者は何も知らないみたい。

[gan2]

標準 DOM スクリプティングの2章の転載。この本は良書みたい