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