Как добавить класс к диву?

Question

Сергей Горячев @SergeGoryachev

Как добавить класс к диву?

Суть в следующем.
Внешний async js создает такую структуру

<div id="id" class="class1 class2 ...">
 <iframe id="iframe">
   #document
   <!DOCTYPE html>
    .....
</iframe>
</div>

Мне надо к первому диву добавить свой стиль. Либо, как вариант, это все должно создаваться внутри моего дива.
Как это сделать?
Пытаюсь с помощью js, но никак не получается его запустить после того, как внешний полностью отработал.

Вопрос задан более трёх лет назад
1175 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ответы на вопрос 2

8 комментариев

Сергей Горячев @SergeGoryachev Автор вопроса

Это не работает. Внешние скрипты подгружаются асинхронно, причем див создается последним загружаемым. К ним доступа нет, ессено. А js на странице загрузится и выполнится сразу. Дива еще не будет.

Написано более трёх лет назад
vdem @vdem

Понятное дело, что для того, чтобы скрипт сработал, должен уже существовать :D Так запускайте скрипт ПОСЛЕ того, как был подгружен.

Написано более трёх лет назад
vdem @vdem

div съело из-за угловых скобок. В общем запускайте этот скрипт в том самом асинхронном загрузчике, после того как div был создан. Это же очевидно.

Написано более трёх лет назад
vdem @vdem

ИЛИ добавьте этот скрипт в контент, который загружается, после закрывающего div.

Написано более трёх лет назад
Сергей Горячев @SergeGoryachev Автор вопроса

А после него ничего нет. Див создается последним элементом. А загрузчик подгружается последним в цепочке других загрузчиков. 3-им, насколько я понял. Да сами попробуйте. Это мессенджер Jivosite. А класс мне понадобилось внедрить для привязки какой-нибудь завлекухи. Типа стрелки...

Написано более трёх лет назад
vdem @vdem

Ну что ж, тогда установить с помощью setInterval() проверялку, которая скажем 10 раз в секунду будет проверять, появился ли этот div.

Написано более трёх лет назад
Сергей Горячев @SergeGoryachev Автор вопроса

Ну да. Так и сделал в итоге.

Написано более трёх лет назад
biper111 @biper111
Пишу условия для класса дива... если в форме выбран тип 1,2,3 должно подставляться значение класса 111, 222 333... Вроде все так.. Но ничего не происходит. Див упорно стоит в значении "myClass" что делаю не так ?

let ttt = document.getElementById('ttt').className += 'myClass'; function changeType() { if(type.value == '1') myClass = 111; else if(type.value == '2') myClass = 222; else myClass = 333; }
Написано более трёх лет назад

7 комментариев

Сергей Горячев @SergeGoryachev Автор вопроса

Да вот не подходит...
Он срабатывает раньше, чем создается див...

Написано более трёх лет назад
Николай Лапшин @madmaker

Сергей Горячев: Фигня какая-то. А можно код js ?

Написано более трёх лет назад

Сергей Горячев @SergeGoryachev Автор вопроса

(function(){

    var widget_id = '______';
    var s = document.createElement('script');
    s.type = 'text/javascript';
    s.async = true;
    s.src = '//code.jivosite.com/script/widget/'+widget_id;
    var ss = document.getElementsByTagName('script')[0];
    ss.parentNode.insertBefore(s, ss);

  })();

Это запуск. Сырец подгружает скрипт с параметрами, который, в свою очередь подгружает скрипт виджета.

Написано более трёх лет назад

Николай Лапшин @madmaker

А можно на https://jsfiddle.net пример выложить? Я поковыряюсь.

Написано более трёх лет назад
Сергей Горячев @SergeGoryachev Автор вопроса

Понять бы что выложить... Все, что вставляется в код страницы - я выложил... Остальное подгружается...

Написано более трёх лет назад
Николай Лапшин @madmaker

В лом могу предложить (костыль) помимо div сразу за ним создать элемент script и в нем код с jQuery кодом, где написать addClass. script отработает после того, как создастся div, т.к. script будет после него создан.
Но я не до конца понял, как код работает.

Написано более трёх лет назад
Сергей Горячев @SergeGoryachev Автор вопроса

О... Сейчас попробую..

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

HTML

+1 ещё

Простой
Как лучше сверстать элемент?
- 1 подписчик
- 5 часов назад
- 34 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Как сделать плавное появление скрытых под display: none; карточек по клику на кнопку, при подключеной AOS?
- 1 подписчик
- 16 часов назад
- 82 просмотра
1

ответ
JavaScript

+4 ещё

Сложный
Почему в WebSockets History в Burp Suite отображаются кракозябры?
- 1 подписчик
- вчера
- 81 просмотр
2

ответа
JavaScript

Простой
Как выводить JS код?
- 2 подписчика
- вчера
- 1172 просмотра
1

ответ
JavaScript

Простой
Как заставить срабатывать trigger change в Select2?
- 1 подписчик
- вчера
- 53 просмотра
0

ответов
JavaScript

Простой
Почему появляется ошибка Uncaught Reference?
- 1 подписчик
- 20 дек.
- 84 просмотра
2

ответа
HTML

Простой
Какая альтернатива AVIFS поддерживается в iOS?
- 1 подписчик
- 20 дек.
- 32 просмотра
1

ответ
JavaScript

Средний
Порождается ли событие в элементе или оно само по себе?
- 1 подписчик
- 20 дек.
- 97 просмотров
1

ответ
JavaScript

+2 ещё

Средний
Как можно изменить настройки модуля навигации карт Google на Яндекс карты?
- 2 подписчика
- 19 дек.
- 210 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как исправить вёрстку, чтобы блок с изображением не уезжал из-за блока с описанием?
- 1 подписчик
- 19 дек.
- 102 просмотра
0

ответов
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Fullstack

OnClass

от 2 000 до 7 000 $

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

3д сцены

23 дек. 2024, в 04:30

10000 руб./за проект

Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT

23 дек. 2024, в 02:13

20000 руб./за проект

Собрать из исходного кода и запустить в докере рабочее приложение с бд

22 дек. 2024, в 22:57

500 руб./за проект

Answer 1 · 2016-04-14 14:13:50

Валерий Столярчук @Xvento

WordPress Разработчик, Themeforest автор

Добавьте класс через функцию сеттаймаут

Ответ написан более трёх лет назад

1 комментарий

Answer 2 · 2016-04-14 14:31:54

vdem @vdem

JavaScript:

document.getElementById('id').className += ' myClass';

jQuery:
jQuery('#id').addClass('myClass');

Ответ написан более трёх лет назад

8 комментариев

Answer 3 · 2016-04-14 12:05:42

Николай Лапшин @madmaker

Full stack программист

А addClass в jQuery не походит?
https://api.jquery.com/addclass/

Ответ написан более трёх лет назад

7 комментариев

Как добавить класс к диву?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт