Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
javascript从样式元素获取样式并替换为另一个样式_Javascript_Jquery_Css - Fatal编程技术网

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元素中的部分样式。