如果我們想給所有的dom對(duì)象都綁定一個(gè)方法,比如綁定一個(gè)css方法,傳遞對(duì)象屬性,可以修改屬性,該如何綁定呢?
這里給一個(gè)實(shí)例做法
<div class="test">秀了嗎</div> <div class="t1">我的國(guó)</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'})