Вопросы с меткой [dom]
DOM (Document Object Model) — объектная модель документа XML/HTML. Пожалуйста, указывайте также конкретные языки: [html], [xml], [javascript] и др.
849
вопросов
0
голосов
3
ответа
38
показов
Как вставить дочерний элемент, который я создаю с помощью обратных кавычек?
Я изобретаю велосипед и делаю свою корзину. Для добавления в корзину товара написал это:
let popularCars = document.querySelectorAll('.popularCarSlide '); //это карточка товара, который показывается в ...
0
голосов
0
ответов
21
показ
Как вскрыть узлы DOM
Доброго времени суток!
Вопрос как вытащить данные которые скрываются?
Что я пробовал:
Прыжок в верхний div тег hj4, bs4 и selenium видят только 180 таких карточек, т.е всего 4 тега hj4 в каждом по 36 ...
0
голосов
0
ответов
30
показов
Передать число из data аттрибута, полученного в одной функции, в другую, подставив его в querySelector
Надо передать число, записанное в data аттрибуте переменной clicked (таргет клика, т.е какая-то кнопка) в другую функцию, при этом переданное число будет подставляться в document.querySelectorAll, ...
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
голосов
1
ответ
35
показов
Функция ready теперь не нужна?
Начиная с версии 3.0 как указано в документации jQuery, функцию ready теперь не нужно использовать,
хотел как раз по этому поводу спросить, правда ли можно заменить ready на $() ?
Пример:
$(document)....
-1
голос
1
ответ
54
показа
Создание html элемента в js
Мне нужно создать div в div'е с помощью js.
Но вместо этого получается лишь '[object HTMLDivElement]' внутри div'а
Код, который я имею:
const container = document.querySelector('.block2');
const ...
0
голосов
1
ответ
44
показа
Почему рендер узла в 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
ответ
77
показов
Не меняется значение textContent при нажатии на кнопку, при этом значение для textContent беру из input
HTML:
<div class="wrapper">
<main class="page">
<div class="page__container">
<section class="tracker&...
0
голосов
1
ответ
61
показ
Не удается изменить артибут тега средствами php
Имеется html код на одной из страниц проекта:
<select name="genre" id="genre" required>
<option value="...
0
голосов
0
ответов
34
показа
Ошибка при 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
ответ
41
показ
parentNode не видит родителей
Моя задача реализовать логику которая связана с поиском родительского элемента по классу. Пробовал реализовать через closest. Понял что код не работает. Заменил closest на getParents и увидел, что у ...
0
голосов
1
ответ
28
показов
Не получается правильно обработать событие mouseover и mouseout с использованием setTimeout, clearTimeout
У меня есть код, который запускает (mouseover) видео при наведении курсора мыши и останавливает (mouseout) при отведении курсора мыши.
Вопрос в том, что мне нужно, чтобы видео при наведении курсора ...
0
голосов
1
ответ
84
показа
Реализация DI c Inversify JS на Vanilla JS
Пытаюсь реализовать свойства зависимостей на Vanilla JS но как то не очень получается. При инициализации класса сервис который я пытаюсь получить приходит как undefined
Класс который регистрирует ...
0
голосов
0
ответов
45
показов
Нужен Code-Review: избавиться от всех вложенных shadow-root узлов и получить обычный HTML без shadow-root
Сама задача вроде бы достаточно ясно описана в заголовке...
Вот что получилось у меня на данный момент:
const unShadow = () => {
const allNodes = Array.prototype.slice.call(document....
0
голосов
1
ответ
70
показов
Как переместить курсор за пределы вставленного элемента в контейнере contenteditable
Эмитирую строку формулы Excel на js.
Проблема - после вставки значения (в дальнейшем выбором клик мыши) в примере в коде (цифра 12 цветом) в div contenteditable дальнейший ввод с клавиатуры ...
0
голосов
1
ответ
46
показов
Динамическое добавление нового узла в 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(). У меня получился вот такой ...
6
голосов
2
ответа
223
показа
как сделать анимацию движения таракана
Нужно было сделать анимацию ползающих жуков, я сделал как:
function initialBugs(bugs) {
var containerRect = document.getElementById("bug-container").getBoundingClientRect();
for (let bug ...
2
голоса
1
ответ
60
показов
Обратное пролистывание элементов по нажатии на кнопку на JavaScript
Прошу оказать помощь с тем, над чем сейчас работаю.
Вот такая задумка у дизайнера.
По клику на кнопки меняется:
Изображение
Заголовок слева
Текст справа
Собственно, задумка дизайнера
На данный ...
0
голосов
0
ответов
32
показа
Как добавить новый пост в список существующих?
Как добавить новый пост в список существующих?
Как я понимаю, нужно сделать ререндер, но не могу сообразить, как именно.
Наверное что-то с .push().
const container = document.querySelector('.container'...
0
голосов
2
ответа
35
показов
как выбрать все элементы в выбранных элементах DOM
может быть кто-то задавал подобный вопрос, но я даже не понимаю как его сформулировать и гуглю уже часа два. у меня есть несколько форм на странице с одинаковым классом и есть в этих формах несколько ...
0
голосов
1
ответ
81
показ
Почему срабатывает pointerleave во время события pointermove на touch устройствах? Слайдер
Пишу свой слайдер на JS. Появилась такая проблема - событие pointerleave на touch устройствах срабатывает во время перетаскивания элементов слайдера и останавливает перетаскивание. Не понимаю как с ...
0
голосов
1
ответ
32
показа
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
голосов
0
ответов
17
показов
Сохранить расположение дерева dom элементов в localStorage
При перемещении веток дерева dom элементов относительно друг друга, нужно запомнить это, т.е. записать в localStorage. Блоков с классом block_edit много, Неужели придется всю страницу запоминать???
// ...
0
голосов
1
ответ
77
показов
Корзина на чистом js
Даны 3 блока
В левой части страницы – перечень категорий.
При нажатии на категорию в средний блок выводится перечень продуктов данной категории.
Клик на товар – информацию о товаре в правом блоке.
В ...
0
голосов
2
ответа
523
показа
Как поменять местами элементы DOM-дерева?
Предположим, что у нас есть два узла DOM-дерева, такие,
что ни один из них не находится в поддереве у другого, например 3 и 9.
Как в общем случае вполне поменять местами такие узлы DOM?
function swap(...
1
голос
1
ответ
106
показов
Как написать цикл на js, чтобы выполнить его через консоль?
Всем привет!
Есть задача, на странице есть элемент, по которому я могу кликнуть написав команду в консоли браузера
document.querySelector(".icon_remove").click();
После этого появляется ещё ...
0
голосов
1
ответ
238
показов
Как получить значение у translate? [JavaScript]
Есть элемент:
<square class="square" style="transform: translate(54px, 54px);"></square>
У него есть атрибут style, в нем есть стиль transform.
Получаю его таким ...
0
голосов
0
ответов
109
показов
Поставить пробел в .xml (php DOM)
Подскажите как поставить пробел перед закрытием элемента xml.
Т.е. перед знаком "/>"
<lcd Language="1" WebLanguage="1" />
По умолчанию в этом месте не ставится ...
0
голосов
0
ответов
25
показов
Нужно создать код используя dom
Нужно написать скрипт, который для каждого элемента массива ingredients:
Создаст отдельный элемент . с помощью метода document.createElement().
Добавит название ингредиента как его текстовое ...
0
голосов
0
ответов
111
показов
Расстояние от начала документа до начала окна браузера
Подскажите, пожалуйста, каким методом можно узнать расстояние от начала документа до начала окна браузера?
Пример, подобную инфу можно получить при использовании document.documentElement.scrollTop
Но! ...
1
голос
2
ответа
23
показа
Как из вэб-формы с помощью jqery вывести данные по кнопкe submit на ту же страницу + чтобы по повторному нажатию все корректно работало
друзья, я столкнулся с такой проблемой, (вернее с тысячью проблем, но большую часть из них решил) значит из вэб-формы нужно вывести данные на ту же страницу с помощью jquery в тэги c фоном этих ...
0
голосов
2
ответа
102
показа
JS Определить наличие текста в строчном тэге
Имею подобную HTML конструкцию:
<article class="blog__item-gallery" id="item-gallery">
<div class="blog__item-gallery-element blog__item-gallery-element-stretch&...
0
голосов
0
ответов
42
показа
Повторяющийся элемент без JS
Подскажите, возможно ли создать повторяющийся элемент DOM дерева без JS (тоесть он только визуально должен отображаться)? Приведу пример
body {
overflow-x: hidden;
margin: 0;
font-family: ...
0
голосов
0
ответов
47
показов
Как сделать поиск слов по всем html страницам?
Пишу сайт.
Подскажите с одним моментом.
Хочу написать поиск, но застопорился с получением всех html страниц.
Надо, чтобы поиск проходил по всем страницам и искал совпадения.
Как лучше это реализовать?
...
0
голосов
2
ответа
362
показа
Смена класса по клику мыши на каждый элемент, сохраняя начальный класс
Всем доброго дня!
Есть тестовой задание: Реализуйте следующую логику в index.js - при клике по любому квадрату с классом entry он и все квадраты в которые он вложен изменяют свой цвет. Изменение цвета ...
1
голос
3
ответа
103
показа
Как красить заданные слова без запятых и точек? [дубликат]
const colors = ['red', 'blue', 'green', 'yellow'];
let str = document.querySelectorAll('p');
let arrStr = Array.from(str);
function findWords(lorem) {
lorem = lorem.forEach((element, index) => {...
0
голосов
2
ответа
26
показов
Разместить на странице блок с маленьким блоком внутри и 4 кнопки (со стрелками) возле него
Полное описание задания: Разместить на странице блок с маленьким блоком внутри и 4
кнопки (со стрелками) возле него. По клику на любую из
кнопок со стрелками маленький блок должен двигаться в
нужную ...
0
голосов
2
ответа
308
показов
Фильтрация DOM элементов на JS
Не смог найти ответа в предыдущем вопросе, поэтому перезадаю*
Дамы и господа, прошу совета.
В пример кода выложил фильтр, где есть два споллера, которые должны фильтровать коллекцию li.
Если нажать на ...
-1
голос
2
ответа
63
показа
Размесить на экране 9 блоков div. По клику на каждый блок он должен исчезать
Не могу сделать чтобы по клику на div удалялся именно этот div на который нажал. Оно начинает удалять с последнего блока div и по порядку до самого верха а не тот блок на который нажимаешь. У меня не ...
2
голоса
1
ответ
63
показа
Как найти ноду, если нет уникального селектора
Всем доброго времени суток! Возникла проблема. Делаю запрос на сервер, получаю данные. Массив объектов вида {name: , gender: , id: , ...}. По получению данных нужно отрендерить 10 карточек на странице....
1
голос
0
ответов
30
показов
Получение расстояния между DOM-элементом и началом документа
Дамы и господа, приветствую. Вопрос заключается в следующем:
подскажите, пожалуйста метод, при помощи которого я смогу получить расстояние между элементом и началом документа.
Что-то похожее на window....
-3
голоса
3
ответа
454
показа
Вывести фигуры и по клику менять цвета
Нужно вывести несколько квадратов красного цвета. При клике на любой квадрат, он становится зеленым. Повторный клик снова делает квадрат красным. Если квадрат стал зеленым, другие зеленые квадраты ...
0
голосов
2
ответа
37
показов
Почему сгенерированный HTML элемент не получает событие
Вопрос всего один, почему созданный SPAN НЕ получает событие.
const title = document.querySelector('.title');
// const h1 = document.querySelector('.h1');
const span = document.querySelectorAll('....
0
голосов
1
ответ
57
показов
Найти элемент и переставить его в конец списка
Всем доброго времени суток! Вопрос тупой, но и я тоже
есть такая разметка вывода анонсов последних постов, сортируются по убыванию даты публикации.
<div class="posts-template posts-per-page&...
0
голосов
1
ответ
153
показа
Как добавить клонированный элемент из DOM в JS. При добавлении элемента скопированного через el.cloneNode выдаётся ошибка
При добавлении элемента скопированного через el.cloneNode выдаётся ошибка
Uncaught TypeError: Cannot read properties of null (reading 'appendChild')
Подскажите, как добавить клонированный элемент из ...