如果我们想给所有的dom对象都绑定一个方法,比如绑定一个css方法,传递对象属性,可以修改属性,该如何绑定呢?
这里给一个实例做法
<div class="test">秀了吗</div> <div class="t1">我的国</div>
js代码:
HTMLElement.prototype.css= function(){
// console.log(arguments[0]);
let str = ''
if(typeof(arguments[0])=='object'){
console.log(11);
for (const key in arguments[0]) {
str += `${key}:${arguments[0][key]};`
//console.log(str);
}
}else{
str = arguments[0]+':' +arguments[1]+';';
}
console.log(str);
this.style = str;
}
const t = document.querySelector(".test")
t.css({'font-Size':'28px',color:'blue'})
const t1 = document.querySelector(".t1")
t1.css({'font-Size':'58px',color:'red'})