给全局加style标签，设置css

最新推荐文章于 2024-07-25 15:44:34 发布

小海鸥飞

最新推荐文章于 2024-07-25 15:44:34 发布

阅读量141

点赞数 2

文章标签： css 前端 vue

本文链接：https://blog.csdn.net/m0_48636561/article/details/137510010

版权

要求：在watch中监听一个boolean类型的变量a，要求在true时，添加style标签，为false删掉style标签，那么可以在handler里面添加这一段代码

const id = "myStyleId";
const css = `.addColor {
	color:red
}`;
let styleTag = document.getElementById(id);
if (styleTag) {
	 styleTag.remove();
} else {
	styleTag = document.createElement("style");
	styleTag.id = id;
	styleTag.type = "text/css";
	styleTag.appendChild(document.createTextNode(css));
	document.getElementsByTagName("head")[0].appendChild(styleTag);
}