После прочтения «метода реализации динамического создания или добавления листов в стиле CSS с помощью JavaScript» вам легко выяснить, как изменить листы CSS в стиле.
Я случайно встретился с другом на форуме сегодня, задающий этот вопрос:
<style> .ls {width = 120px;} </style> <script> // Добавить здесь предложение, чтобы изменить значение ширины в .ls, как его написать </script>Некоторые друзья ответили: «Если есть много объектов, использующих .ls, действительно неудобно использовать JS, JQuery удобен, $ (". LS "). Ширина (200); это нормально».
Он хочет использовать класс jq selector.ls, чтобы выбрать все объекты, которые используют этот стиль, и настраивать их один за другим, а не изменять лист стиля CSS, поэтому существуют опасения по поводу «множества объектов».
Но проблема в том, что это только меняет специфический стиль выражения этих объектов, а не настройки .ls. Если появится другой элемент, использующий стиль .ls, он все равно будет таким же. Вам все еще нужно снова скорректировать этот элемент, чтобы лечить симптомы, но не коренную причину. Более того, этот метод также определяет, что невозможно достичь просто в одном предложении.
Есть немало людей, которые думают об этом, и если вы прочитаете статью «Метод реализации динамического создания или добавления листов в стиле CSS с помощью JavaScript», я считаю, что вы легко подумаете о том, как решить эту проблему в одном предложении, что является одновременно кратким и эффективным (браузер автоматически сбросит все элементы, которые применяют этот стиль) и действительно изменят устройства стиля. Недавно добавленные элементы, которые используют этот стиль, автоматически применяют измененные настройки. Итак, вы узнали знания более высокого уровня, которые отличаются от многих людей. Позвольте мне подробно объяснить метод ниже:
Из -за приведенного выше примера нелегко увидеть эффект. Я написал еще один пример ниже. Легче увидеть эффект через изменение цвета:
<style> .theforever {width: 50px; color: red;}#theforever {width: 150px; color: silver;} </style> <div> он должен быть красным здесь, но он будет пожелт по желтую js ниже, изменяя настройки стиля CSS </div> <div id = "theforever"> это должно быть здесь серебряным грейком. Действительно, это не изменится, только для сравнения </div> <script> document.stylesheets [0] .csstext = document.stylesheets [0] .csstext.replace (/red/g, "Желтый"); // Это нормально? </script>Приведенный выше пример предназначен не для определенного имени стиля, но общие цвета (если вы перемещаете его непосредственно в более сложную страницу CSS с красными словами, которые не указывают на цвета, это также может привести к ошибкам. Я всегда испытывал отвращение к использованию кода, который не основан на мозге и не дает слишком много инструкций), но это также легко изменить его на конкретное имя стиля: на основе мозга и не дает слишком много инструкций), но это также легко изменить его на конкретное имя стиля: на основе мозга и не дает слишком много инструкций), но это также легко изменить его на конкретное имя стиля: на основе мозга: имени стиля: имени стиля: на основе мозга: имени стиля: на основе мозга и не дает слишком много инструкций), но это также легко изменить его на конкретное имя стиля: на основе мозга.
Из вышесказанного мы видим, что Document.Stylesheets [0] .csstext - это контент внутри всего <style> </style>, который эквивалентен строковой переменной. Поэтому, если вы хотите изменить его настройки для .ls, вам нужно только использовать ".ls {width = 120px;}" в качестве замены для замены и ".ls {width = 555px;}" в качестве цели замены, и это нормально.
Приведенная выше статья о том, как динамически изменить листы CSS с помощью JavaScript, - это все контент, которым я делюсь с вами. Я надеюсь, что это может дать вам ссылку, и я надеюсь, что вы сможете поддержать Wulin.com больше.