csstext插入背景色注意事项

最新推荐文章于 2024-05-17 16:07:32 发布

xnk_anan

最新推荐文章于 2024-05-17 16:07:32 发布

阅读量300

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/xnk_anan/article/details/121504701

版权

学了js以后就会遇到用js来设置body属性

在我学习中遇到了用csstext插不进背景色的问题，现在给大家分享一下。

上代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="biaoDan">
			好好学习javascript！
		</div>
		<script type="text/javascript">
			let anan=document.getElementById("biaoDan");
			anan.style.cssText="text-align: center; font-size:30px;background:"#0ff";";
		</script>
	</body>
</html>

上了代码后，大家应该觉得效果应该是这样：

然而效果却是这样：

属性根本没有起到作用，这是为啥呢？

细心的同志可能会发现，背景色那里出了问题，在csstext=“”里面，如果还要加入带有引号的属性的话，就会让外部的引号无效，从而无法展示出属性的效果。

所以正确代码应该是：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<div id="biaoDan">
			好好学习javascript！
		</div>
		<script type="text/javascript">
			let anan=document.getElementById("biaoDan");
			anan.style.cssText="text-align: center; font-size:30px;background:aqua;";
		</script>
	</body>
</html>

所以正确的效果图就来了：

是不是感觉很奇妙啊~我也觉得~

如果我的理解有误，欢迎各位大佬指出。

转载请声明！

创作不易，愿代码路上的你我一起加油！！！