js模塊化中如何操作頁面dom？

題主說的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有什么過多影響[呲牙]