第8回 実践DOMスクリプティング#1：HTMLとテキストの操作 | gihyo.jp

こんにちは、太田です。前々回、前回でDOMの基礎を簡単に解説しました。今回からは、DOMを使った実用的なスクリプトを解説していきます。特に今回はHTMLの操作、テキストの操作にフォーカスを当てていくつかのサンプルコードを解説していきます。 HTML操作の基本 JavaScriptによってHTMLを書き出したり、一部を書き換えたり、削除したりといった方法は実は様々な方法が用意されています。目的に合わせて適切な方法を選ばないと非効率だったり、最悪クロスサイトスクリプティングなどの問題を抱えてしまう危険もあります。 document.writeと同期読み込み JavaScriptでHTMLを書き出すというと、最初に学ぶのはこのdocument.writeかもしれません。いわゆるprint文のようにシンプルなAPIなので、入門書の最初のサンプルなどで扱われることも多いようです。しかし、docume

[kana321]

実践DOMスクリプティング#1：HTMLとテキストの操作

[hideki_a]

]JavaScriptの非同期読み込みについて、ほか

[mana_bm_94]

innerHTMLあれこれ　※結構解りやすい

[so_blue]

splitTextなんてあったのね

[monjudoh]

これ知らなかった『splitTextは指定した位置でテキストノードを分割するメソッドです。DOM Level 1で定義されており，IEでも使えるためクロスブラウザで動きます。』

[youpy]

script 要素の非同期読み込み テキスト置換

[kitokitoki]

HTML中の文字列を置換する

[raimon49]

script要素のasync属性は非同期ロード, defer属性はDOMContentLoadedまで実行を遅延。

[teppeis]

TextRange

[hysa]

テキストノードの探索方法(IE)をあとで試す。

[site159]

document.writeに気づかずに　asyncやったのは　私ですｗｗｗｗ　これでできる！ クロスブラウザJavaScript入門：第8回　実践DOMスクリプティング#1　HTMLとテキストの操作 ｜gihyo.jp … 技術評論社

[nikaporu]

第8回　実践DOMスクリプティング#1　HTMLとテキストの操作 ── これでできる！ クロスブラウザJavaScript入門

[rikuba]

ハイライト CharacterData#splitText TextRange#findText

[mooz]

スクリプトの非同期読み込み. async は非同期, defer は遅延で DOMContentLoaded に相当. createElement で script を生成しドキュメントに挿入. head 要素の補完.

[n2s]

「HTML中の文字列を置換する方法」の節、特定要素(textarea,script,style,head)下にないことを調べるのがほんと頭が痛くなる。