用cssText批量修改樣式
更新時間：2009年08月29日 22:11:49 作者：
一般情況下我們用js設(shè)置元素對象的樣式會使用這樣的形式
復(fù)制代碼 代碼如下:
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;")
下面是是正確的
復(fù)制代碼 代碼如下:
element.style.cssText="width:20px;height:20px;border:solid 1px red;";
這樣就可以盡量避免頁面reflow，提高頁面性能。
相關(guān)文章
javascript中l(wèi)ayim之查找好友查找群組
這篇文章主要介紹了javascript中l(wèi)ayim之查找好友查找群組,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-02-02
本篇主要是對js二維數(shù)組排序的簡單示例代碼進(jìn)行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
javascript 中的 delete及delete運算符
這篇文章主要介紹了javascript 中的 delete及delete運算符的相關(guān)資料,需要的朋友可以參考下2015-11-11
這篇文章主要為大家詳細(xì)介紹了JS對HTML表格進(jìn)行增刪改操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
二維碼作為現(xiàn)代信息傳遞的重要工具,其黑白色調(diào)一直是其標(biāo)志性特征,然而,有時我們可能希望個性化定制二維碼的顏色,以適應(yīng)特定設(shè)計需求或提高可識別性,在這篇文章中,我們將深入探討如何使用Canvas技術(shù)修改二維碼的顏色,為二維碼添加更多創(chuàng)意和個性2023-11-11
JavaScript 十六進(jìn)制RGB色碼轉(zhuǎn)換器
JavaScript 十六進(jìn)制RGB色碼轉(zhuǎn)換器,大家可以學(xué)習(xí)下思路。2009-08-08
JavaScript實現(xiàn)酷炫的鼠標(biāo)拖尾特效
這篇文章主要為大家介紹了通過JavaScript實現(xiàn)的一個超級好看的鼠標(biāo)拖尾特效，文中的示例代碼講解詳細(xì)，對我們學(xué)習(xí)JavaScript有一定的幫助，感興趣的可以學(xué)習(xí)一下2021-12-12
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)表單驗證案例，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08
javascript currentTarget對象介紹...2007-10-10
JS監(jiān)聽瀏覽器關(guān)閉、刷新及切換標(biāo)簽頁觸發(fā)事件代碼示例
瀏覽器是客戶端,客戶端的操作服務(wù)器是監(jiān)聽不到的,所以可以用js來監(jiān)聽,js代碼監(jiān)聽瀏覽器關(guān)閉或者刷新,這篇文章主要給大家介紹了關(guān)于JS監(jiān)聽瀏覽器關(guān)閉、刷新及切換標(biāo)簽頁觸發(fā)事件的相關(guān)資料,需要的朋友可以參考下2023-11-11