|
|
var element= document.getElementById("id");
element.style.width="20px";
element.style.height="20px";
element.style.border="solid 1px red";
樣式一多，代碼就很多；而且通過(guò)JS來(lái)覆寫(xiě)對(duì)象的樣式是比較典型的一種銷(xiāo)毀原樣式并重建的過(guò)程，這種銷(xiāo)毀和重建，都會(huì)增加瀏覽器的開(kāi)銷(xiāo)。
js中有一個(gè)cssText的方法：
語(yǔ)法為：obj.style.cssText="樣式";
上面的代碼我們可以修改成：感謝sliuqin的在留言中的斧正
element.style.cssText("width:20px;height:20px;border:solid 1px red;")
下面是是正確的
復(fù)制代碼 代碼如下:
element.style.cssText="width:20px;height:20px;border:solid 1px red;";
這樣就可以盡量避免頁(yè)面reflow，提高頁(yè)面性能。
JavaScript技術(shù)：用cssText批量修改樣式，轉(zhuǎn)載需保留來(lái)源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
