Объектная модель документа (DOM) - это способ программно ссылаться на элементы языка разметки, такого как XML и HTML. Используйте с [javascript] или любым другим языком программирования, который имеет синтаксический анализатор DOM
Div#PageContainer > div.container-AD > div:nth-child(4) > div > div.collection__content > div.collection__products.td-collection__products.collection__products--three.td-sticky-filter__container > div.collection__productsBottom.js- Collection__productsBottom > div.collection__productsBottomWrapper ...
25 Сен 2023 в 18:23
Я пытаюсь изменить стиль checkbox, скрывая его и добавляя кнопку внутри родительской метки следующим образом:
<label onclick="console.log('label received click event')">
<input type="checkbox" style="display: none" onchange="console.log('input value changed')">
<button type="button">click here...
У меня есть древовидная структура DOM, похожая на следующую:
<div class='row'>
<div class='cell'>
<div class='item'>1</div>
<div class='item'>2</div>
</div>
<div class='cell'>
<div class='item'>3</div>
</div>
</div>
<div class='row'>
<div class='cell'>
...
25 Сен 2023 в 13:28
Я загружаю страницу из $http.get в iFrame. $http.get извлекает полную HTML-страницу, как если бы на нее изначально осуществлялась навигация, но когда я прикрепляю контент к iframe, контент загружается за пределами тегов HTML... и исходных тегов HTML в полученных документ сейчас отсутствует.
Контро...
23 Сен 2023 в 19:18
Привет, я не знаю JavaScript, но я могу это кое-что понять, и я хотел построить карусель, поэтому я пытался получить доступ к ширине элемента, используя «clientwidth», но ширина, которую я получил, когда я впервые нажал «Сохранить», равна «1830». и когда я перезагружаю браузер, он меняется на «1863...
23 Сен 2023 в 13:09
Я конвертирую веб-сайт VanillaJS в Svelte, где необходимо, чтобы элементы div располагались на веб-странице случайным образом. Обратите внимание, что размер каждого элемента div может варьироваться в зависимости от его содержимого, они не могут иметь фиксированный размер в своем CSS.
Я могу легко в...
23 Сен 2023 в 09:21
Вот простая таблица HTML, и я хочу выбрать ТОЛЬКО элемент <tbody>.
<table>
<thead>
<tr>
<td>Team</td>
<td>Points</td>
</tr>
</thead>
<tbody>
<tr>
<td>A</td>
<td>15</td>
...
У меня есть div, который периодически скрывается в моем приложении.
<!-- Hidden -->
<div aria-hidden="true">...</div>
Делая видимым div, я опускаю атрибут aria-hidden, сохраняя DOM чистым и полагаясь на тот факт, что div виден по умолчанию.
<!-- Visible -->
<div>...</div>
Есть ли какая-либо разниц...
22 Сен 2023 в 14:44
Я создаю веб-сайт с арт-портфолио, на котором содержимое моей галереи изображений динамически добавляется с помощью JS (файл JSON), поскольку многие изображения нужно добавлять вручную с помощью html-тегов.
Когда я нажимаю на каждое миниатюрное изображение, я хочу, чтобы оно открывало другую HTML-с...
21 Сен 2023 в 14:42
У меня есть функция, которая вызывается через прослушиватель событий при нажатии. Он принимает параметр события:
function editExistingEmp(event)
Эта функция при вызове будет перебирать весь контент DOM в поисках элементов DOM с определенным идентификатором, а затем динамически добавлять прослушива...
20 Сен 2023 в 18:34
Необходимо проверить, пуст ли HTML-элемент div и не содержит ли он текста и дочерних элементов как таковых - только черная страница.
Например
function isPageEmpty(page) {
const paragraphNodes = page.querySelectorAll(".paragraph");
if ((paragraphNodes[0].children[0]).innerText !== "") {
...
19 Сен 2023 в 10:45
Я пытаюсь обойти ограничение Brave на расширение белых/черных списков. У меня есть два конфликтующих расширения: одно я хочу запускать на рабочих сайтах, а другое почти на всех остальных (у меня есть список из 800 сайтов, на которых я хочу, чтобы второе работало).
Для этого Brave не позволит вам вн...
18 Сен 2023 в 01:03
Array.from() или Array.prototype.slice.call() или использование цикла for для добавления htmlcollection в массив, не работающего над преобразованием HTMLcollection из getElementsByClassName в массив, чтобы я мог перебирать данные. ПРИМЕЧАНИЕ. Не хочу использовать querySelectorAll, потому что содерж...
15 Сен 2023 в 14:33
const div1 = document.createElement('div'),
div2 = document.createElement('div')
div1.innerHTML = '<br>x'
div1.childNodes.forEach(child => {
// text node x is missing
console.log('child:', child)
// magic line here
div2.appendChild(child)
})
// finally, only <br> is seen
consol...
15 Сен 2023 в 05:46
Я пытаюсь добавлять и удалять js-файл динамически, используя технику добавления и удаления элементов html:
function start(){
var scriptElement = document.createElement('script');
scriptElement.src = 'js/game_page.js';
scriptElement.id = "game1";
document.body.a...
14 Сен 2023 в 19:49
Я пытаюсь решить это упражнение:
Напишите код JavaScript, который запрашивает у пользователя число, а затем выводит количество раз, которое это число появляется в массиве.
Я делаю это с помощью parseFloat, чтобы получить строку от пользователя с помощью <input /> и изменить ее на число, а затем я об...
14 Сен 2023 в 18:22
Я испробовал все рекомендуемые решения: переместил скрипт после элемента <body>; вставка прямо перед закрытием тега <body>; завернув весь свой JS-код в document.addEventListener("DOMContentLoaded", function () {}), я все равно получаю следующую ошибку:
Uncaught TypeError: невозможно прочитать свой...
14 Сен 2023 в 05:55
react-router-dom не отображает страницу, даже если ссылка меняется, страница не обновляется.
Это маршруты в app.js
<Switch>
<Route path="/" exact>
<full />
</Route>
<Route path="/donate" render={props => <Donate />} />
<Route path="/blog" exact render={props => <Blog />} >
<Route ...
14 Сен 2023 в 05:54
После динамической загрузки элементов со свойствами htmx функция htmx, похоже, не активируется для динамически загружаемых элементов. Важно знать, что динамически загружаемые элементы загружаются с помощью пользовательского js, а не через htmx, но в любом случае это должно работать. Или, другими с...
13 Сен 2023 в 20:51
Я пытаюсь сделать так, чтобы он показывал, является ли элемент кадетским синим или нет. Код:
<!DOCTYPE html>
<html>
<head>
<style>
#idiot{
background-color:cadetblue;
border-top-left-radius:50%;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
border-top-right-ra...
13 Сен 2023 в 16:56
У меня есть 2 разных файла CSS, я хочу использовать их оба динамически. У меня есть кнопка предварительного просмотра на мобильном устройстве, которая изменится на другой файл CSS, а также изменит тот же текст кнопки на «Предварительный просмотр на рабочем столе», и я хочу, чтобы CSS изменился на и...
13 Сен 2023 в 12:27
У меня есть эта форма в HTML с onclick, подключенным к этой функции в Javascript, которая должна очищать форму только в том случае, если введено «Да», или же отображать <p1>, который по умолчанию скрыт с помощью CSS.
function clear() {
if (document.getElementById("reset").textContent == "Yes") {...
12 Сен 2023 в 18:17
Итак, у меня есть код, который при использовании колеса мыши или сенсорной панели меняет вид на следующий элемент div в массиве разделов. Однако когда я использую тачпад, он не работает должным образом, поскольку при каждой прокрутке индекс меняется. Как я могу добавить задержку, чтобы каждое испо...
12 Сен 2023 в 15:10
Я немного застрял здесь, добился большого прогресса в этом проекте, которым я занимаюсь как начинающий веб-разработчик, но не могу понять эту функциональность. Не могу понять, почему мой прослушиватель событий не возвращает значения для уравнения калькулятора и вместо этого возвращает исходный элем...
12 Сен 2023 в 03:06
Когда я увеличиваю dataString, я получаю эту ошибку (после размера файла примерно 8 КБ).
DOMException: не удалось выполнить 'btoa' в 'Window': кодируемая строка содержит символы за пределами диапазона Latin1.
let data = "data:text/csv;base64," + btoa(dataString);
let link = document.createElemen...
12 Сен 2023 в 02:08