ホーム > HTMLサンプル

2013/12/16-2017/11/23

要素 (Element) のサンプル

サンプル

TestHTML_js_create_font_sample...
フォントサンプルの HTML を出力。
textarea や input タグの文字列を読み取って処理。
ツールサンプル

いろいろ

createElement() や appendChild() などの関数

HTML のコードを文字列の連結処理などで直接作成でしたり、 テンプレートなどを置換したりして、 最後に element.innerHTML = (HTMLのテキスト); でセットする感覚に比べて、 createElement() や appendChild() などの関数を使って HTML の DOM ツリーを 作る話はとても大げさで面倒に見えます。 でも、セキュリティが関係するような話になると、結局使うことになります。

セキュリティが関係する用途では

  element.innerHTML = html; 

のような書き方をすると、エスケープし忘れなどでアウトになることもしばしば・・・。
目次
gorogoronyan@gmail.com
inserted by FC2 system