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

      })

    },

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

巴特西

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

最新文章

热门文章