如何用js显示一个div的多个样式

C_greenbird

已于 2023-04-13 11:00:36 修改

阅读量312

点赞数

CC 4.0 BY-SA版权

分类专栏：前端学习文章标签： javascript html 前端

于 2023-04-13 10:57:46 首次发布

本文链接：https://blog.csdn.net/C_greenbird/article/details/130125318

前端学习专栏收录该内容

31 篇文章

订阅专栏

可利用with(**.style){}，with(){}的意思是{}里面可以省略掉with()里()的对象。
下面给出一个绘制关闭按钮的例子。

var btn = document.createElement("div");
btn.innerHTML = "×";
with (btn.style) {
	//写各种样式
	position = "absolute";
	top = "-3px";
	right = "-3px";
	width = "16px";
	height = "16px";
	borderRadius = "8px";
	backgroundColor = "#e95420";
	textAlign = "center";
	color = "#fff";
	lineHeight = "16px";
	fontSize = "10px";
	fontFamily = "SimHei";
	cursor = "pointer";
}