我們知道，jquery css() 方法可以很方便的更改DOM的樣式。

但從原理上，這個並不復雜，我們完全可以自己寫一個。

上代碼。

updateDOMStyle(DOM, obj){
      Object.keys(obj).forEach(function(key){
        
        DOM["style"][key] = obj[key];
      });
    },

DOM是你想改的DOM元素，obj是樣式對象。

使用。

use(width, height){
      document.querySelector(".cornerstone-canvas").style.zIndex = 1
      let HTML = document.createElement("canvas"
 
);
      HTML.width = width,
        HTML.height = height,
        HTML.id = "id_painting"
      document.querySelector(".image-canvas").style.position = "relative"
      document.querySelector(".image-canvas").appendChild(HTML)
      this.updateDOMStyle(HTML, {
        ‘z-index‘:2,
        ‘position‘:‘absolute‘,
        ‘left‘:0,
        ‘top‘:0
      })
      
 

    },

其實沒有這麽復雜，獲取元素，再使用方法就可以了。

javascript : 寫一個類似於 jquery css() 的方法