経緯JavaScriptには、DOMを操作する方法がいろいろある。 私が初めてJavaScriptを触ったときのことだ。 ネイティブなJSと外部ライブラリ(jQuery)との区別がついておらず、混乱したことを覚えている。 検索だとDOM操作のやり方がいろいろ出てきて、結局どの方法で操作すればいいのかよくわからない。いろいろあるけど何が違うの?、となったものだ。 同じような人が迷わないで済むように、どれを使えばよいのか書き残しておく。 ここで述べる原則に従えば、フレームワークを使わないVanillaなJSでも十分に、もしくはそれ以上に処理が速くなるはずだ。 Vanilla JSとは? フレームワークを使わないネイティブのJSのこと JS界隈のフレームワーク偏重主義に対する皮肉らしい vanilla:ありきたりな、普通の
![JavaScriptで速いDOM操作を行うために、結局どの方法がよいのか?](https://cdn-ak-scissors.b.st-hatena.com/image/square/6eef0cbe788ae5ada93a61d1db416649932701cf/height=288;version=1;width=512/https%3A%2F%2Fdemi-urge.com%2Fwp-content%2Fuploads%2F2019%2F12%2F1200x.png)