国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

用cssText批量修改樣式

2019-11-21 01:10:33
字體:
供稿:網(wǎng)友
復(fù)制代碼 代碼如下:

var element= document.getElementById("id");
element.style.width="20px";
element.style.height="20px";
element.style.border="solid 1px red";

樣式一多,代碼就很多;而且通過JS來覆寫對(duì)象的樣式是比較典型的一種銷毀原樣式并重建的過程,這種銷毀和重建,都會(huì)增加瀏覽器的開銷。
js中有一個(gè)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,提高頁面性能。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 湟中县| 天祝| 武定县| 佛冈县| 全南县| 疏勒县| 安阳县| 司法| 东城区| 绿春县| 莎车县| 鄂尔多斯市| 石城县| 仁布县| 峨山| 孝感市| 尉氏县| 巨鹿县| 深圳市| 澳门| 沈丘县| 阳西县| 秦皇岛市| 金昌市| 天峻县| 普兰店市| 兴业县| 江油市| 轮台县| 双流县| 武义县| 榆树市| 邯郸市| 错那县| 南漳县| 延寿县| 兰考县| 合肥市| 即墨市| 随州市| 东丰县|