动态增加css样式

html-css019

动态增加css样式,第1张

在有些做项目项目中，需要用户自定义组件的CSS样式并即时改变组件样式状态。

1. 增加 style样式

2. 更新 style样式

3. 删除 style样式

4.其他使用方式

动态生成的div也是要放在一个父级元素中的吧

假设动态生成的div欲放在id="a1"或class="b1"的元素中时，可以用包含包含选择符定义样式，如下：

#id div{width:100pxheight:100px}

.b1 div{width:100pxheight:100px}

如果层级比较多的，还是建议在动态生成时将样式选择符加在标签中。

这个情况应该直接用CLONE，如果对象体几乎一致的情况下。

相当于某个原型的复制。

或者你也可以这样，因为你是用function来定义生成DOM，你可以将步骤函数话，在创建的时候调用相同的函数。

我大概能理解，你是希望动态建立一个跟之前类似的层，可能层的样式还是不固定的，但是你无法用JS来动态创建类样式。

所以我觉得你将定义样式的步骤函数化可能会容易一些。