У меня есть определенный дискурс модальный, что я хочу, чтобы стиль немного по-другому, чем другие, но я не могу найти способ добавить определенный класс, не добавляя его ко всем модалам.
Это выглядит как модальный обычный, когда он отображается.
<div id="discourse-modal" class="ember-view modal hidden in" style="display: block;">
Я хочу, чтобы иметь возможность добавлять определенный класс для каждого модального, поэтому я могу использовать его в качестве верхнего стиля для работы. Например, в модуле входа в систему я хочу скрыть нижний колонтитул, но в моделе категории редактирования я хочу, чтобы нижний колонтитул отображался. Поэтому, если у меня есть имя класса, я могу ссылаться на верхний уровень, тогда я могу по-разному их отличать.
Я хочу иметь возможность добавить что-то вроде этого.
<div id="discourse-modal" class="ember-view modal hidden in login-modal" style="display: block;">
Если модальный div
имеет конкретный id
вы можете использовать его, сделав ссылку на них или нижний колонтитул внутри них в css
например:
#login-modal .footer {
display: none; /*you don't show*/
}
#edit-category-modal .footer {
/*i'll let you be*/
}
Но если они не имеют id
или, если это не достаточно хорошо, что js
является правильным решением для вас?
В этом случае, возможно, вы можете использовать метод element.classList.add(
). Вот пример:
var divs = document.getElementsByClassName("modal");
divs[0].classList.add("login-modal");
divs[1].classList.add("edit-category-modal");
И здесь также ДЕМО, что иллюстрирует суть.
Надеюсь это поможет :)