1.設(shè)置網(wǎng)頁(yè)為灰色
//創(chuàng)建一個(gè)元素
var globalCss = document.createElement("style");
//設(shè)置這個(gè)元素的類(lèi)型 <style type = "text/css"></style>
globalCss.type = "text/css";
//獲取head標(biāo)簽,并把<style type = "text/css"></style>添加進(jìn)去
document.getElementsByTagName("head")[0].append(globalCss)
//設(shè)置style標(biāo)簽的樣式
globalCss.appendChild(document.createTextNode("html{-webkit-filter: grayscale(100%) !important; -moz-filter: grayscale(100%) !important;-ms-filter: grayscale(100%) !important;-o-filter: grayscale(100%) !important;filter: grayscale(100%) !important;filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) !important;}"));
2.還原網(wǎng)頁(yè)顏色
//創(chuàng)建一個(gè)元素
var globalCss = document.createElement("style");
//設(shè)置這個(gè)元素的類(lèi)型 <style type = "text/css"></style>
globalCss.type = "text/css";
//獲取head標(biāo)簽,并把<style type = "text/css"></style>添加進(jìn)去
document.getElementsByTagName("head")[0].append(globalCss)
//設(shè)置style標(biāo)簽的樣式
globalCss.appendChild(document.createTextNode("html{-webkit-filter:none !important;}"));
注：做的時(shí)候可以封裝成一個(gè)方法，傳入對(duì)應(yīng)的參數(shù)進(jìn)行調(diào)用即可。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書(shū)系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。
