Блог

Главная - Вопросы по программированию - javascript получает стиль из элемента style и заменяет другим стилем

javascript получает стиль из элемента style и заменяет другим стилем

#javascript #jquery #css

#javascript #jquery #css

Вопрос:

У меня есть элемент style, который динамически отображает стили, поэтому у меня есть:

 <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>

Что мне нужно сделать, это заменить весь первый стиль, который является #DIV011b9769a89ae14b5bbe30616d77e9a09d
для заполнения: 0 пикселей;

Мне также нужно заменить #DIV011b9769a89ae14b5bbe30616d77e9a09d: hover { }, когда я добавляю новые стили динамически

Также, если стиль в медиа-запросе изменится, мне нужно заменить стили в медиа-запросе для элемента, если стиль для этого идентификатора #DIV011b9769a89ae14b5bbe30616d77e9a09d изменится.

#DIV011b9769a89ae14b5bbe30616d77e9a09d — это индикатор, указывающий на замену этого стиля другим новым стилем.

Как я могу этого добиться?

Комментарии:

1. Содержимое <style> тега — это просто строка. Вы можете изменить его, как хотите, с помощью JavaScript.

2. я думал о манипулировании строками, потому что я хочу изменить часть стилей в элементе style.