プログラマーへの道 #21 の補足説明 - プログラマー VTuber 衣亥栖ティオのちょっとした話

こんにちは、プログラマー VTuberの衣亥栖ティオです。
今回は以下の動画の補足説明をします。

動画中では createElement() を利用してtrタグを生成しています。 HTMLの要素を生成したり、削除する方法はたくさんあるので気になる方は調べてみてください。

参考

動画中では innerHTML によってメモの一覧に必要なtd,inputなどのタグを生成しています。

記事中にもあるように innerHTML はXSS（クロスサイトスクリプティング）という攻撃に対して脆弱性があるので、本来であればサニタイズしなければいけません。 XSSとサニタイズに関しては今後取り上げる予定です。

今回の用途だと innerHTML よりも insertAdjacentHTML の方が適切だったかもしれません。ここは下調べが足りない部分でした。

本来であれば createElement() を利用してHTMLのタグを生成して組み立てるべきかもしれませんね。横着してしまいました・・・。

JavaScript で日付を扱うにはDate型を利用します。

JavaScriptでHTMLの要素を操作することをDOM操作（どむそうさ）と呼びます。今までは「HTMLの要素を・・・」という言い方をしていましたが、名前がついています。

DOMについては以下で説明されていますが、簡単に言うとgetElementById() などで取得するHTMLの要素のことです。 DOM の紹介 - Web API | MDN

DOMを操作するからDOM操作と呼ばれるんですね。