js如何给dom对象绑定方法

时间:2023-06-01 22:43:55 类型:JS/JQUERY
字号:    

如果我们想给所有的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'})


<