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