Где найти element.style в wordpress?
Ребят всем привет, у меня такой вопрос, не могу найти где находиться в шаблоне element.style. обыскал все файлы и нигде не нашел.
Не могу понять вообще ничего, у меню есть свои стили, а он использует другие. Объясните пожалуйста кто знает.
Использую шаблон BeTheme
Заранее спасибо))
element.style
Подскажите пожалуйста, каким образом правится этот элемент и где он находится :
два варианта:
1. в шаблоне компонента, который был вызван.
2. в javascript относящийся к данному элементу.
Но я думаю, что 1 вариант.
| Цитата |
|---|
| sevenssura пишет: 2. в javascript относящийся к данному элементу. |
там будет что то наподобие этого. Вас интересует первая строка этого выражения. где лежит компонент будет следующий
bitrix:catalog означает путь до папки компонента
1. bitrix->templates->папка шаблона->components->catalog
если там нет то смотрим тут
2. bitrix->components->catalog
.default означает имя шаблона она же пака шаблона, которую найдете внутри указанных путей.
Думаю теперь понятно где искать.
| Цитата |
|---|
| mlr пишет: Компонент я нашел, но файла яваскрипта там нету. |
так не факт что в javа стили подставляет. посмотрите сами блоки которые задаются и стили в нем. Если в них вы не найдете описание стиля тогда и ищите скрипт javascript но он не факт что будет отдельным файлом. Как вариант сам код в компоненте или подгрузка скрипта будет. Но вы нашли сами блоки с указанными классами то есть место где они формируются для вывода?.
Не ищите джаву сразу вы не туда увлеклись, найдите именно место в коде отвечающий за вывод нужного Вам блока и уже оттуда плящите.
Как изменить стили элемента с помощью свойства Element.style в JavaScript
Свойство Element.style в JavaScript , как правило, используется только для чтения. Оно возвращает объект CSSStyleDeclaration — массив CSS -стилей элемента, а также пары ( key: value ) всех его стилей. Все они доступны для чтения и изменения.
Но задавать стили напрямую с помощью этого свойства — плохая практика.
Установить напрямую отдельные стили с помощью свойства Element.style и JavaScript можно, используя CamelCase .
Несмотря на то, что большинство современных браузеров позволяют это делать, такой подход тоже не рекомендуется.
Как правильно использовать Element.style в JavaScript
В таком случае как изменить Element.style ? Лучшим вариантом является использование свойства Element.style.cssText , которое работает как Element.className , но для инлайновых стилей. Его можно применять в качестве геттера или сеттера.
В первом случае он позволяет получить все инлайновые стили элемента в формате строки. Во втором — заменит все текущие стили элемента на указанные в Element.style.cssText . Они также задаются в строковом формате.
Если задача состоит не в полной замене стилей, а добавлении дополнительных или замене одного конкретного стиля, то и это cssText позволяет легко реализовать через свойство Element.style и JavaScript .
При наличии у элемента стилей, прописанных в CSS обычным способом, инлайновые, конечно, их «затрут».
Такой способ отлично подойдет для динамичного управления стилями элемента, например, при определенных действиях пользователя. Это позволит придать интерфейсу динамики.