Skip to main content

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

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

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

Отслеживание события выбора момента начала воспроизведения видео-файла [закрыт]

Есть рабочий медиа-плеер. Контроль за временем выбора: choise.addEventListener('mousemove', (e) => { var skipTo = Math.round((e.offsetX / e.target.clientWidth) * parseInt(e.target.getAttribute('...
Юрий's user avatar
2 голоса
0 ответов
23 показа

Как определить полноэкранный режим при F11 [дубликат]

Описание У браузеров есть собственный метод входа в полноэкранный режим - F11. Так вот при его нажатии страница входит в полноэкранный режим, но в коде не меняется ничего: document.fullscreenElement ...
eccs0103's user avatar
  • 3,625
0 голосов
0 ответов
33 показа

Позиция мыши в трапеции js

Не получается перевести координаты мыши на странице в координаты на квадрате под наклоном по оси X на 33 градуса через css свойство transform: rotateX(33deg). Заранее спасибо.
undеfined's user avatar
0 голосов
1 ответ
40 показов

Не удаётся получить строку из элемента с несколькими классами [дубликат]

Есть элемент <div class="название1 название2 название3">текст<sup></sup></div> Не удаётся получить строку. Пробовал следующее: const Element = document....
Весёлый одуванчик's user avatar
1 голос
0 ответов
30 показов

insertAdjacentHTML не хочет отрисовывать элемент

нужна помощь уважаемого сообщества, а то я уже совсем голову сломал, не могу понять... есть код: import {data} from './data.js' let currInd = 0 let itemsPerPage = 3 const moreBtn = document....
VanoKi's user avatar
  • 344
0 голосов
1 ответ
17 показов

Добавление класса стилей в DOM дерево - toggle не красится после нажатия на кнопку "Далее"

Всем привет. Реализовал переключатель (toggle), который открывает (статус страницы isDeviceLockEnabled = true) или скрывает функционал на странице (статус страницы isDeviceLockEnabled = false). В ...
userDS's user avatar
  • 13
0 голосов
1 ответ
46 показов

Vue3 время обновления DOM, как вывести стили в зависимости от изменения реактивного состояния

как решить такую проблему, есть итерация по массиву, массив получает длину 1 или 2 на каждый цикл итерации в зависимости от условия изменяется реактивное состояние, состояние хранит стили(styleObject),...
Вячеслав's user avatar
1 голос
1 ответ
55 показов

Конфликт JS скриптов

У меня есть два скрипта которые выполняют разный функционал и при подключении обоих, один из них перестает работать. Первый скрипт custom.js и он отвечает за всю динамику на сайте(движение объектов) ...
Sam Knight's user avatar
0 голосов
0 ответов
12 показов

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

Есть тег формы с его содержимым. Когда нажимается кнопка Subscribe, после инпута появляется див с текстом, к которому надо добавить определенный класс. Я хотела отловить его с помощью form.children и ...
Bemfes's user avatar
  • 23
0 голосов
3 ответа
41 показ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML: <div class="wrapper"> <main class="page"> <div class="page__container"> <section class="tracker&...
ploxer's user avatar
  • 1
0 голосов
1 ответ
62 показа

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

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

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

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

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

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

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

Моя задача реализовать логику которая связана с поиском родительского элемента по классу. Пробовал реализовать через closest. Понял что код не работает. Заменил closest на getParents и увидел, что у ...
Dmitriy Prigulnov's user avatar
0 голосов
1 ответ
44 показа

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

У меня есть код, который запускает (mouseover) видео при наведении курсора мыши и останавливает (mouseout) при отведении курсора мыши. Вопрос в том, что мне нужно, чтобы видео при наведении курсора ...
PrivetMirmaMa's user avatar
0 голосов
1 ответ
141 показ

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

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

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

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

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

Эмитирую строку формулы Excel на js. Проблема - после вставки значения (в дальнейшем выбором клик мыши) в примере в коде (цифра 12 цветом) в div contenteditable дальнейший ввод с клавиатуры ...
Павел Рамков's user avatar
0 голосов
1 ответ
50 показов

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

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

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

Недавно начал изучать JavaScript. Столкнулся с заданием, где требуется перевести заданную xml-строку в JASON-строку. Решил действовать через DOMParser() и JASON.stringify(). У меня получился вот такой ...
UspenskiyKE's user avatar
6 голосов
2 ответа
258 показов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Предположим, что у нас есть два узла DOM-дерева, такие, что ни один из них не находится в поддереве у другого, например 3 и 9. Как в общем случае вполне поменять местами такие узлы DOM? function swap(...
Артём Ионаш's user avatar
1 голос
1 ответ
156 показов

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

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

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

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

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

Подскажите как поставить пробел перед закрытием элемента xml. Т.е. перед знаком "/>" <lcd Language="1" WebLanguage="1" /> По умолчанию в этом месте не ставится ...
Andrey D's user avatar
0 голосов
0 ответов
26 показов

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

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

Расстояние от начала документа до начала окна браузера

Подскажите, пожалуйста, каким методом можно узнать расстояние от начала документа до начала окна браузера? Пример, подобную инфу можно получить при использовании document.documentElement.scrollTop Но! ...
user avatar
1 голос
2 ответа
23 показа

Как из вэб-формы с помощью jqery вывести данные по кнопкe submit на ту же страницу + чтобы по повторному нажатию все корректно работало

друзья, я столкнулся с такой проблемой, (вернее с тысячью проблем, но большую часть из них решил) значит из вэб-формы нужно вывести данные на ту же страницу с помощью jquery в тэги c фоном этих ...
Дядя Богдан's user avatar
0 голосов
2 ответа
218 показов

JS Определить наличие текста в строчном тэге

Имею подобную HTML конструкцию: <article class="blog__item-gallery" id="item-gallery"> <div class="blog__item-gallery-element blog__item-gallery-element-stretch&...
Denis Volkov's user avatar
0 голосов
0 ответов
48 показов

Повторяющийся элемент без JS

Подскажите, возможно ли создать повторяющийся элемент DOM дерева без JS (тоесть он только визуально должен отображаться)? Приведу пример body { overflow-x: hidden; margin: 0; font-family: ...
BlackStar1991's user avatar
0 голосов
0 ответов
50 показов

Как сделать поиск слов по всем html страницам?

Пишу сайт. Подскажите с одним моментом. Хочу написать поиск, но застопорился с получением всех html страниц. Надо, чтобы поиск проходил по всем страницам и искал совпадения. Как лучше это реализовать? ...
user avatar
0 голосов
2 ответа
543 показа

Смена класса по клику мыши на каждый элемент, сохраняя начальный класс

Всем доброго дня! Есть тестовой задание: Реализуйте следующую логику в index.js - при клике по любому квадрату с классом entry он и все квадраты в которые он вложен изменяют свой цвет. Изменение цвета ...
Григорий Соловьев's user avatar
1 голос
3 ответа
108 показов

Как красить заданные слова без запятых и точек? [дубликат]

const colors = ['red', 'blue', 'green', 'yellow']; let str = document.querySelectorAll('p'); let arrStr = Array.from(str); function findWords(lorem) { lorem = lorem.forEach((element, index) => {...
minorio's user avatar
  • 67
0 голосов
2 ответа
33 показа

Разместить на странице блок с маленьким блоком внутри и 4 кнопки (со стрелками) возле него

Полное описание задания: Разместить на странице блок с маленьким блоком внутри и 4 кнопки (со стрелками) возле него. По клику на любую из кнопок со стрелками маленький блок должен двигаться в нужную ...
Aleksandr's user avatar
0 голосов
2 ответа
446 показов

Фильтрация DOM элементов на JS

Не смог найти ответа в предыдущем вопросе, поэтому перезадаю* Дамы и господа, прошу совета. В пример кода выложил фильтр, где есть два споллера, которые должны фильтровать коллекцию li. Если нажать на ...
user avatar