題主說的js模組化應該是node上的模組。

首先模組化並不是node的專利，要在瀏覽器的時候人們就開始通過名稱空間等方式，在瀏覽器中實現模組化了，模組化的意義在於程式碼前端的複用。後面有人借住v8引擎開發了node。然後前端開發模式發生了翻天覆地的變化，前端開發開始後裔，前端人員通過node的編譯解決了介面mock，更加工程化，結構化的開發程式碼。

說說操作dom吧，js是一套語法規範，而dom屬於瀏覽器平臺的特徵，所以在node開發時，一方面是模擬瀏覽器特性，比如一些測試的時候回常用這些庫比如jest-dom，然後如果要真正的放到瀏覽器中使用，我們會藉助編譯器，比如babel把我們的程式碼編譯成瀏覽器平臺可用額度。這樣我們就可以使用瀏覽器中未實現的語法。並對低版本的瀏覽器做出相容。

現在一些框架，藉助虛擬dom的小船，實際上是不建議直接操作dom的，但是會提供虛擬節點的真實引用，也還是dom比如一個連結助件在react中，可以通過ref對外提供a標籤的dom例項，幫助其他使用者更靈活的拓展。

所以在模組化操作dom與在瀏覽器上操作dom是一樣的，模組化提供的是程式碼複用的方式，是工程化開發提升開發效率的。所以不會對你操作dom的api有什麼過多影響

1.原生DOM操作是通過，document.getElementById(“ID名稱”)的方式。

2.通過引入JQuery檔案，通過JQuery提供的選擇器進行DOM操作。選擇器的規則類似於CSS選擇器。$("p")選擇所有<p>元素；$("#btn")，選擇ID的btn的DOM元素等等

1.先獲取節點：    

document.getElementById(idName)          //通過id名來獲取元素，返回一個元素物件    

document.getElementsByName(name)       //通過name屬性獲取元素，返回元素物件陣列    

document.getElementsByClassName(className)   //通過class名來獲取元素，返回元素物件陣列

2.設定內容

document.getElementById("p1").innerHTML = "hello kitty!";