HTML 全页面内容自由编辑与 HTML 页面全部黑白风格处理

文章目录

• ​​HTML 全页面内容自由编辑与 HTML 页面全部黑白处理​​

• ​​1、HTML 全页面内容自由编辑​​
• ​​2、HTML 页面全部黑白处理​​

HTML 全页面内容自由编辑与 HTML 页面全部黑白处理

1、HTML 全页面内容自由编辑

知乎为例，执行如下代码

document.body.contentEditable='true';

然后就可以像编辑 WORD 文档一样，随意修改网页的内容了

2、HTML 页面全部黑白处理

当出现 XX 重要人物离世，或者重大纪念日，需要哀悼时，使用如下代码可以让网页一键变成黑白风格

html{filter: grayscale(1);}

我们找到 HTML 标签，然后设置样式

然后全页面即可完成黑白化处理