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

首頁 > 語言 > JavaScript > 正文

用cssText批量修改樣式

2024-05-06 14:14:16
字體：大 中 小
來源：轉載
供稿：網友
代碼如下:
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，提高頁面性能。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 岚皋县| 鸡东县| 天祝| 那曲县| 左权县| 土默特右旗| 科尔| 桃江县| 保德县| 桑植县| 富顺县| 科技| 延边| 库伦旗| 阿拉善右旗| 长顺县| 东乡族自治县| 邛崃市| 盘山县| 新竹市| 乌兰察布市| 西充县| 荃湾区| 灵丘县| 墨竹工卡县| 清新县| 乌审旗| 蛟河市| 南汇区| 镶黄旗| 木里| 河北区| 化隆| 安岳县| 田东县| 宁都县| 思茅市| 元阳县| 祥云县| 宣恩县| 德昌县|