国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 象山县| 苏尼特右旗| 陈巴尔虎旗| 鹤山市| 深圳市| 泰安市| 梧州市| 双牌县| 衡水市| 巴中市| 呼伦贝尔市| 乌海市| 东宁县| 淮北市| 沛县| 区。| 雅江县| 冷水江市| 南部县| 咸丰县| 屏南县| 呼伦贝尔市| 华池县| 青浦区| 巴青县| 四川省| 望都县| 广州市| 枞阳县| 长治县| 怀宁县| 锡林郭勒盟| 巨野县| 靖边县| 祁连县| 罗城| 迭部县| 正安县| 万盛区| 通辽市| 南安市|