javascript : 写一个类似于 jquery css() 的方法

我们知道，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
      })
      
    },

其实没有这么复杂，获取元素，再使用方法就可以了。