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 }) },
其实没有这么复杂,获取元素,再使用方法就可以了。
posted on 2019-04-03 12:44 fox_charon 阅读(171) 评论(0) 编辑 收藏 举报