国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

javascript - 如何實(shí)現(xiàn)JS動(dòng)態(tài)修改css全局樣式
阿神
阿神 2017-05-19 10:11:38
0
3
759

如果要在頁面中動(dòng)態(tài)修改css全局樣式,例如將頁面所有字體顏色改為紅色
通過css可以這樣實(shí)現(xiàn)

*{color:red;}

而如果通過js,利用頁面中的按鈕修改所有元素樣式,即通過js點(diǎn)擊按鈕動(dòng)態(tài)修改頁面中所有元素樣式字體顏色為紅色,應(yīng)如何實(shí)現(xiàn)

阿神
阿神

閉關(guān)修行中......

全部回復(fù)(3)
阿神

我只能想到這個(gè)方法。

Array.prototype.slice.call(document.all).forEach(function (ele) {
    ele.style.color = 'red';
});
阿神

用css樣式相關(guān)的接口 stylesheet.insertRule或者stylesheet.addRule 這兩個(gè)都可以動(dòng)態(tài)插入css樣式 兼容性還可以 ie9+

比如

    // https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule
    myStyle.insertRule("#blanc { color: white }", 0);

需要?jiǎng)h除的時(shí)候還有deleteRuleremoveRule兩個(gè)方法 可以查一下相關(guān)資料

phpcn_u1582

[].forEach.call(document.querySelectorAll('*'),function(a){
a.style.color = 'red';
})

最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板