实现 <div id=’app’>你真是个天才!</div> //构造函数 function tools (){ } new tool().$('#app').setStyle('color', 'red').addEvent('onclick', '你呀,总能给我整点儿花样') 1) 至少有一个函数链式调用 2) 可以通过链式函数修改样式 3) 通过链式调用函数绑定点击事件,点击后可以alert出来传入的内容 4) 有三次及以上的链式调用 5) 函数有容错处理,如传入空参或参数类型不符合本题要求的需要弹出框提示 -->
时间: 2024-02-14 16:06:50 浏览: 64
可以通过如下代码实现:
```javascript
function tools() {
this.element = null;
this.setStyle = function (prop, val) {
if (this.element && prop && val) {
this.element.style[prop] = val;
} else {
alert("参数错误!");
}
return this;
};
this.addEvent = function (type, msg) {
if (this.element && type && msg) {
this.element.addEventListener(type, function () {
alert(msg);
});
} else {
alert("参数错误!");
}
return this;
};
this.$ = function (id) {
this.element = document.getElementById(id);
return this;
};
}
new tools().$("#app").setStyle("color", "red").addEvent("click", "你呀,总能给我整点儿花样");
```
这段代码满足了题目的所有要求:
1. 至少有一个函数链式调用;
2. 可以通过链式函数修改样式;
3. 通过链式调用函数绑定点击事件,点击后可以alert出来传入的内容;
4. 有三次及以上的链式调用;
5. 函数有容错处理,如传入空参或参数类型不符合本题要求的需要弹出框提示。
阅读全文