Вопросы с меткой [dom]

DOM (Document Object Model) — объектная модель документа XML/HTML. Пожалуйста, указывайте также конкретные языки: [html], [xml], [javascript] и др.

Фильтрация
Сортировка
Метки
0 голосов
1 ответ
1k показов

Ошибка "FAILED to execute appendchild on node parameter 1 is not of type node"

this.onload = () => { let can = document.querySelector("#can"); for (let i = 0; i < 80; i++) { let c; circle = document.createElement("div"); circle.classList.add(...
0 голосов
1 ответ
3k показов

Динамическая корзина на чистом JS, необходима помощь в доработке

количество уходит в минус, не могу поставить ограничение, чтобы количество нельзя было установить отрицательным. кнопка удаления должна полностью очищать корзину покупок внизу должна отображаться ...
0 голосов
0 ответов
12 показов

Выводятся не все элементы коллекции children определенного узла [дубликат]

Есть тег формы с его содержимым. Когда нажимается кнопка Subscribe, после инпута появляется див с текстом, к которому надо добавить определенный класс. Я хотела отловить его с помощью form.children и ...
1 голос
1 ответ
1k показов

Динамическое создание и добавление елементов html с помощью dom стуктуры

При нажатии на "add test" внутри div с id test_container появляется div с классом q. Внутри которого появляется input и сбоку button с классом add_ans. При нажатии на этот button внутри div ...
0 голосов
3 ответа
40 показов

Как вставить дочерний элемент, который я создаю с помощью обратных кавычек?

Я изобретаю велосипед и делаю свою корзину. Для добавления в корзину товара написал это: let popularCars = document.querySelectorAll('.popularCarSlide '); //это карточка товара, который показывается в ...
0 голосов
0 ответов
22 показа

Как вскрыть узлы DOM

Доброго времени суток! Вопрос как вытащить данные которые скрываются? Что я пробовал: Прыжок в верхний div тег hj4, bs4 и selenium видят только 180 таких карточек, т.е всего 4 тега hj4 в каждом по 36 ...
0 голосов
2 ответа
1k показов

Как отследить появление и изменение элемента с помощью MutationObserver?

Почитал про MutationObserver, попробовал, но так и не понял как реализовать. Есть кнопка-гамбургер, которая появляется при размере окна меньше 768px и удаляется, если размер больше. При клике на ...
0 голосов
3 ответа
923 показа

Отображение страницы после загрузки DOM

Интересует скрипт, который нужно прописать, чтобы страница отображалась только после ее полной загрузки. Иначе выходит некрасиво - страница отображается параллельно с загрузкой содержимого.
0 голосов
0 ответов
30 показов

Передать число из data аттрибута, полученного в одной функции, в другую, подставив его в querySelector

Надо передать число, записанное в data аттрибуте переменной clicked (таргет клика, т.е какая-то кнопка) в другую функцию, при этом переданное число будет подставляться в document.querySelectorAll, ...
0 голосов
1 ответ
827 показов

Страница не обновляется при изменении данных на ней

У меня есть страница на которой выводятся все картинки из массива в котором сохранены url картинок. На этой странице есть иконка при нажатии на которую открывается модальное окно в котором нужно ...
0 голосов
1 ответ
45 показов

jquery Как сменить тип тега оставив все остальные атрибуты?

Предположим есть вот такой тег в дом дереве. <button class="page-numbers current" data-href="2">2</button> Можно ли как-то сменить его на <span class="page-...
0 голосов
0 ответов
18 показов

Получение DOM-Node через bind:this в компоненте

Необходимо получить ноду DOM, пытаюсь это реализовать через bind:this, но я использую компоненты и вместо dom получаю сам компонент. pin.svelte: <!-- Тут я пытаюсь получить DOM компонента --> &...
0 голосов
0 ответов
184 показа

Как сделать, чтобы не рушилаcь DOM?

http://translate.google.ru/translate перевод сайта. Как сделать, чтобы не рушилась DOM? Переводчик добавляет везде к тексту span элементы, чтобы при наведении показывался исходный текст и перевод, ...
0 голосов
1 ответ
35 показов

Функция ready теперь не нужна?

Начиная с версии 3.0 как указано в документации jQuery, функцию ready теперь не нужно использовать, хотел как раз по этому поводу спросить, правда ли можно заменить ready на $() ? Пример: $(document)....
-1 голос
1 ответ
59 показов

Создание html элемента в js

Мне нужно создать div в div'е с помощью js. Но вместо этого получается лишь '[object HTMLDivElement]' внутри div'а Код, который я имею: const container = document.querySelector('.block2'); const ...
0 голосов
1 ответ
45 показов

Почему рендер узла в DOM дереве происходит только после перезагрузки страницы?

Реализованный функционал: При выборе авто из select и клику по кнопке "Добавить", рендерится карточка с авто. Суть в свойстве объекта Cruise, если Cruise === 1, когда checkbox === checked, ...
0 голосов
0 ответов
63 показа

Помогите создать DOM HTML под Delphi

Помогите примером создания DOM HTML в Delphi стоковыми методами, использую RadStudio 10.4/11.3 версий. Делал пробы парсинга на JavaScript и хотелось бы чтобы получилось подобное и на Delphi: const ...
0 голосов
1 ответ
86 показов

Не меняется значение textContent при нажатии на кнопку, при этом значение для textContent беру из input

HTML: <div class="wrapper"> <main class="page"> <div class="page__container"> <section class="tracker&...
0 голосов
1 ответ
320 показов

Iframe оплата от Яндекса

Помогите, пожалуйста. Есть кнопка от Яндекса по оплате (в iframe). http://test2.mobile99.ru/handler.php Мне надо чтобы сумма в нее подставлялась в зависимости от того, что выбрал пользователь на ...
0 голосов
1 ответ
4k показов

Передача переменных из JS в HTML

Нужно сделать так, чтобы в HTML коде (в тексте самой страницы) появлялись определенные значения переменных, которые рассчитываются в .js файле , сейчас я делаю это так: let variable = 123; document....
0 голосов
1 ответ
61 показ

Не удается изменить артибут тега средствами php

Имеется html код на одной из страниц проекта: <select name="genre" id="genre" required> <option value="...
0 голосов
0 ответов
36 показов

Ошибка при XSL преобразовании

Я попробовала создать XSL элементы в <div id="content"> function CreateXml() { content.innerHTML = `<?xml version="1.0"?>`; } //создание xsl:stylesheet function ...
0 голосов
0 ответов
25 показов

DOM структура XSL JS и ошибка при работе с XSL

Подскажите, пожалуйста, можно ли создавать DOM структуру xsl с помощью createElement в JS? Я попробовала создать XSL элементы в <div id="content"> function CreateXml() { content....
0 голосов
1 ответ
44 показа

parentNode не видит родителей

Моя задача реализовать логику которая связана с поиском родительского элемента по классу. Пробовал реализовать через closest. Понял что код не работает. Заменил closest на getParents и увидел, что у ...
0 голосов
1 ответ
30 показов

Не получается правильно обработать событие mouseover и mouseout с использованием setTimeout, clearTimeout

У меня есть код, который запускает (mouseover) видео при наведении курсора мыши и останавливает (mouseout) при отведении курсора мыши. Вопрос в том, что мне нужно, чтобы видео при наведении курсора ...
1 голос
2 ответа
101 показ

Как работает каскадное добавление елементов в DOM в Javascript?

Вот очень простой пример создания таблички. Помогите понять, почему первый вариант работает, а второй нет, хотя по факту он должен был бы быть полностью эквивалентным? var table = document....
0 голосов
1 ответ
90 показов

Реализация DI c Inversify JS на Vanilla JS

Пытаюсь реализовать свойства зависимостей на Vanilla JS но как то не очень получается. При инициализации класса сервис который я пытаюсь получить приходит как undefined Класс который регистрирует ...
0 голосов
0 ответов
49 показов

Нужен Code-Review: избавиться от всех вложенных shadow-root узлов и получить обычный HTML без shadow-root

Сама задача вроде бы достаточно ясно описана в заголовке... Вот что получилось у меня на данный момент: const unShadow = () => { const allNodes = Array.prototype.slice.call(document....
0 голосов
1 ответ
74 показа

Как переместить курсор за пределы вставленного элемента в контейнере contenteditable

Эмитирую строку формулы Excel на js. Проблема - после вставки значения (в дальнейшем выбором клик мыши) в примере в коде (цифра 12 цветом) в div contenteditable дальнейший ввод с клавиатуры ...
-3 голоса
3 ответа
487 показов

Вывести фигуры и по клику менять цвета

Нужно вывести несколько квадратов красного цвета. При клике на любой квадрат, он становится зеленым. Повторный клик снова делает квадрат красным. Если квадрат стал зеленым, другие зеленые квадраты ...
0 голосов
1 ответ
47 показов

Динамическое добавление нового узла в DOM

Я хочу динамически добавить узел, которого нет в DOM, без использования внешних библиотек. Вот HTML код: function b1_onclick() { let d = document.createElement('div'); let v = document.i1....
0 голосов
1 ответ
32 показа

Почему при использовании DOMParser мой код выдаёт ошибку?

Недавно начал изучать JavaScript. Столкнулся с заданием, где требуется перевести заданную xml-строку в JASON-строку. Решил действовать через DOMParser() и JASON.stringify(). У меня получился вот такой ...
0 голосов
0 ответов
61 показ

PHP замена атрибутов в HTML теге

Прошу советов от специалистов в PHP, по такой задаче: Хочу в хедер.php разместить скрипт который будет проходить по всему нижележащему DOM и заменять путь в srс, на тот который находится в data-src. ...
0 голосов
3 ответа
2k показов

Кросбраузерный способ динамически добавлять атрибут onClick присваивая ему функцию с параметрами

Как кроссбраузерно используя DOM можно добавить атрибут onClick и чтобы функция могла принимать параметры: например obj.setAttribute("onclick","play(1);"); не работает, а IE если ...
0 голосов
1 ответ
717 показов

Получить список всех ссылок, которые не находятся внутри списка <ul>

Помогите, пожалуйста, с задачей. Нужно с помощью свойств DOM, получить список всех ссылок, которые не находятся внутри списка . У меня такой вот код, он правильный? let links = Array.from(document....
6 голосов
2 ответа
226 показов

как сделать анимацию движения таракана

Нужно было сделать анимацию ползающих жуков, я сделал как: function initialBugs(bugs) { var containerRect = document.getElementById("bug-container").getBoundingClientRect(); for (let bug ...
2 голоса
1 ответ
62 показа

Обратное пролистывание элементов по нажатии на кнопку на JavaScript

Прошу оказать помощь с тем, над чем сейчас работаю. Вот такая задумка у дизайнера. По клику на кнопки меняется: Изображение Заголовок слева Текст справа Собственно, задумка дизайнера На данный ...
0 голосов
0 ответов
32 показа

Как добавить новый пост в список существующих?

Как добавить новый пост в список существующих? Как я понимаю, нужно сделать ререндер, но не могу сообразить, как именно. Наверное что-то с .push(). const container = document.querySelector('.container'...
0 голосов
2 ответа
36 показов

как выбрать все элементы в выбранных элементах DOM

может быть кто-то задавал подобный вопрос, но я даже не понимаю как его сформулировать и гуглю уже часа два. у меня есть несколько форм на странице с одинаковым классом и есть в этих формах несколько ...
0 голосов
1 ответ
85 показов

Почему срабатывает pointerleave во время события pointermove на touch устройствах? Слайдер

Пишу свой слайдер на JS. Появилась такая проблема - событие pointerleave на touch устройствах срабатывает во время перетаскивания элементов слайдера и останавливает перетаскивание. Не понимаю как с ...
0 голосов
1 ответ
33 показа

JQ не видит новоиспеченные элементы сгенерированные по средствам .after()

reInstalSelect(n) while ($(".d7-body:nth-child(" + n+2 + ")").length == 0){ reInstalSelect(n) } function reInstalSelect(n){ console.log(n); console.log($(".d7-...
0 голосов
0 ответов
20 показов

Можно ли использовать методы для работы с DOM в React?

возможно банальный вопрос, но чёткого ответа на него я так и не нашёл. Могу ли я использовать методы для работы с DOM (конкретно методы для работы с classList) внутри React? Просто я слышал, что это ...
0 голосов
1 ответ
79 показов

Корзина на чистом js

Даны 3 блока В левой части страницы – перечень категорий. При нажатии на категорию в средний блок выводится перечень продуктов данной категории. Клик на товар – информацию о товаре в правом блоке. В ...
0 голосов
2 ответа
562 показа

Как поменять местами элементы DOM-дерева?

Предположим, что у нас есть два узла DOM-дерева, такие, что ни один из них не находится в поддереве у другого, например 3 и 9. Как в общем случае вполне поменять местами такие узлы DOM? function swap(...
1 голос
1 ответ
111 показов

Как написать цикл на js, чтобы выполнить его через консоль?

Всем привет! Есть задача, на странице есть элемент, по которому я могу кликнуть написав команду в консоли браузера document.querySelector(".icon_remove").click(); После этого появляется ещё ...
0 голосов
1 ответ
245 показов

Как получить значение у translate? [JavaScript]

Есть элемент: <square class="square" style="transform: translate(54px, 54px);"></square> У него есть атрибут style, в нем есть стиль transform. Получаю его таким ...
0 голосов
0 ответов
112 показов

Поставить пробел в .xml (php DOM)

Подскажите как поставить пробел перед закрытием элемента xml. Т.е. перед знаком "/>" <lcd Language="1" WebLanguage="1" /> По умолчанию в этом месте не ставится ...
4 голоса
3 ответа
48k показов

Найти дочерний элемент по классу на чистом JavaScript

var elements = document.querySelector('.list-group-item'); <li class="list-group-item"> <a href="">link</a> <div class="filmname"> filmname </div>...
0 голосов
0 ответов
25 показов

Нужно создать код используя dom

Нужно написать скрипт, который для каждого элемента массива ingredients: Создаст отдельный элемент . с помощью метода document.createElement(). Добавит название ингредиента как его текстовое ...
0 голосов
1 ответ
587 показов

Количество дочерних элементов SCSS

Есть div с некоторым количеством вложенных элементов p: <div> <p>...</p> <p>...</p> <p>...</p> </div> Можно ли используя только SCSS/SASS ...