HTMLに味付けするためのバニラJS tips集

ReactやVueを使わずに、素のJavaScriptでDOM操作する時のやつです。 何度も同じようなことをググって時間を溶かしていたので、よく使うやつをまとめてみました。 要素の取得 // 最初に見つかった要素1つを取得 document.querySelector("#hoge-id"); //[object HTMLElement] document.getElementById("hoge-id"); //[object HTMLElement] //条件に合う要素を全て取得 document.querySelectorAll(".hoge-class"); // [object NodeList] document.getElementsByClassName("hoge-class"); // [object HTMLCollection] Array.from(documen

[yasu-log]

removeEventListenerをしないとメモリリークになる可能性があるので、即時関数が無難と一概に説明するのはちょっと気になります．．．

[t_f_m]

XPathでの取得はなし？

[yarumato]

“JavaScriptでDOM操作する　要素の取得　Attrubute操作　class操作　隣接要素の取得　要素の生成”

[xlc]

jQueryの偉大さが分かるな。