ノードを追加・置換・削除 - Qiita

前回の 属性値やテキストの取得 の続き あるHTMLのdivタグの文章を変えたいとなると 要素ノードを取得 直接取得 文書ツリー間の行き来 イベントドリブンモデル 属性値やテキストを取得・設定 取得・設定 フォームタグ ノードを追加・置換・削除 の、最後、ノードを追加・置換・削除の部分となります。 ノードを追加・置換・削除 HTMLの編集には「innerHTML」を使うことができたが、これはセキュリティなどの観点からも使うタイミングを考えたいといけなかった。今回のアプローチはノードを作成して任意のノードにくっ付けると言う操作についてまとめる。 これで、要素・属性とテキストを区別できるので、ユーザーからの入力によってスクリプトが混入する危険が回避されやすくなる。反面、コードは冗長になりやすいため、 シンプルなコンテンツの編集 → innerHTMLプロパティ 複雑なコンテンツの編集 →