javascript从样式元素获取样式并替换为另一个样式
我有一个动态呈现样式的样式元素,因此我有:javascript从样式元素获取样式并替换为另一个样式,javascript,jquery,css,Javascript,Jquery,Css,我有一个动态呈现样式的样式元素,因此我有: <style> #DIV011b9769a89ae14b5bbe30616d77e9a09d { padding-left:30px; padding-right:30px; padding-top:30px;padding- bottom:30px; width:100%; background-color:#bc3333; }
<style>
#DIV011b9769a89ae14b5bbe30616d77e9a09d
{
padding-left:30px;
padding-right:30px;
padding-top:30px;padding-
bottom:30px;
width:100%;
background-color:#bc3333;
}
@media(min - width: 600px) and(max - width: 960px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d
{ }
}
@media(min - width: 480px) and(max - width: 600px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d
{ }
}
@media screen and(max - width: 480px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d
{ }
}
#DIV011b9769a89ae14b5bbe30616d77e9a09d: hover
{ }
@media(min - width: 600px) and(max - width: 960px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d: hover
{ }
}
@media(min - width: 480px) and(max - width: 600px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d: hover
{ }
}
@media screen and(max - width: 480px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d: hover
{ }
}
</style>
#第011B9769A89AE14B5BBE30616D77E9A09D部分
{
左侧填充:30px;
右侧填充:30px;
填充顶部:30px;填充-
底部:30px;
宽度:100%;
背景色:#bc3333;
}
@介质(最小宽度:600px)和(最大宽度:960px){
#第011B9769A89AE14B5BBE30616D77E9A09D部分
{ }
}
@介质(最小宽度:480px)和(最大宽度:600px){
#第011B9769A89AE14B5BBE30616D77E9A09D部分
{ }
}
@媒体屏幕和屏幕(最大宽度:480px){
#第011B9769A89AE14B5BBE30616D77E9A09D部分
{ }
}
#DIV011b9769a89ae14b5bbe30616d77e9a09d:悬停
{ }
@介质(最小宽度:600px)和(最大宽度:960px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d:悬停
{ }
}
@介质(最小宽度:480px)和(最大宽度:600px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d:悬停
{ }
}
@媒体屏幕和屏幕(最大宽度:480px){
#DIV011b9769a89ae14b5bbe30616d77e9a09d:悬停
{ }
}
我需要做的是替换第一个样式的整个#DIV011b9769a89ae14b5bbe30616d77e9a09d
到填充:0px
在动态添加新样式时,我还需要替换#div011b9769a89ae14b5bb30616d77e9a09d:hover{}
此外,如果媒体查询中的样式发生更改,我需要替换元素媒体查询中的样式,如果此id的样式发生更改#DIV011b9769a89ae14b5bbe30616d77e9a09d
#DIV011b9769a89ae14b5bbe30616d77e9a09d是表示用另一种新样式替换此样式的指示器
如何实现这一点?标签的内容只是一个字符串。你可以用JavaScript随意更改它。我在考虑字符串操作,因为我想更改style元素中的部分样式。
标记的内容只是一个字符串。你可以用JavaScript随意更改它。我在考虑字符串操作,因为我想更改style元素中的部分样式。