封装一个可以链式调用的函数,要求至少有三次链式调用,用于修改dom元素的style
时间: 2023-04-03 16:01:03 浏览: 129
好的,我可以回答这个问题。以下是一个示例代码:
```
function setStyle(element, styles) {
Object.keys(styles).forEach(function(style) {
element.style[style] = styles[style];
});
return setStyle;
}
var element = document.getElementById('my-element');
setStyle(element, { color: 'red' })(element, { backgroundColor: 'blue' })(element, { fontSize: '20px' });
```
这个函数可以接受两个参数:一个 DOM 元素和一个包含样式属性和值的对象。它会将这些样式应用到元素上,并返回一个新的函数,以便进行链式调用。在这个示例中,我们使用了三次链式调用来分别设置颜色、背景颜色和字体大小。
阅读全文