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