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

Question

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

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

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

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

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

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

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

Подписаться 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 Автор вопроса

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

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

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

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

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

JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 13 минут назад
- 10 просмотров
0

ответов
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 19 часов назад
- 29 просмотров
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- 19 часов назад
- 106 просмотров
1

ответ
HTML

+1 ещё

Простой
Как разместить элементы с разных блоков, чтобы они перекрывали друг друга?
- 1 подписчик
- 22 часа назад
- 47 просмотров
1

ответ
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- вчера
- 136 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- вчера
- 159 просмотров
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- вчера
- 81 просмотр
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- вчера
- 50 просмотров
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

ответов
JavaScript

Простой
Можно ли использовать Intersection Observer API для не дочерних элементов?
- 1 подписчик
- 20 нояб.
- 48 просмотров
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Нарисовать проект Площадки для дизайнеров интерьеров

22 нояб. 2024, в 10:19

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

Сделать верстку двух страниц из фигмы

22 нояб. 2024, в 09:58

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

Доделать проект

22 нояб. 2024, в 09:57

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

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 комментариев

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

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

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

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