zoukankan      html  css  js  c++  java
  • 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
          })
          
        },

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

  • 相关阅读:
    (图论)树的直径
    HDU 4607
    类属性的增删改查
    python内置常用模块
    字典的使用
    元组的使用
    列表的基本函数
    字符串练习题
    python3.7字符串基本函数
    python简单的while语句和if语句的练习
  • 原文地址:https://www.cnblogs.com/foxcharon/p/10648104.html
Copyright © 2011-2022 走看看