Способ № 1 Есть строка, в которой три раза встречаются сдвоенные пробелы: var stroka = "Я люблю работать со строковым типом данных." Воспользуемся методом replaceAll() объекта-прототипа String. stroka.replaceAll(" ", " ") Мы будем искать двойной пробел (» «) в переменной stroka и заменять его на одиночный пробел (» «) […]
Архивы по дням: 15.12.2020
Определяем нужный класс. Например: product-title__text Чтобы получить все элементы с этим классом нам нужно воспользоваться функцией querySelectorAll(selectors), которая входит в «миксин ParentNode» стандарта «Объектной Модели Документа» (DOM). В селекторах к названию класса нужно добавить точку: document.querySelectorAll(".product-title__text") В ответ получили прототип объекта NodeList. Теперь у нас есть полный набор элементов с […]
Ctrl + =, чтобы увеличить размер шрифта. Ctrl + -, чтобы уменьшить размер шрифта. Ctrl + 0 для сброса размера шрифта.
Пример Мы будем отложенно выводить в консоль браузера сумму чисел. То есть мы планируем передавать в функцию какие-нибудь числа, а потом дожидаться их сложения. Напишем две функции: sum — складывает числа sleep2sec — запускает функцию sum, через 2 секунды Функция sum() function sum (x, y){ console.log(`Сумма чисел: ${x + y}`) […]
Короткая справка по setTimeout() handle = self . setTimeout( handler [, timeout [, arguments... ] ] ) Планирует тайм-аут для запуска обработчика после тайм-аута в миллисекундах. Любые аргументы передаются непосредственно обработчику. handle = self . setTimeout( code [, timeout ] ) Планирует тайм-аут для компиляции и запуска кода после тайм-аута […]
Объектная модель документа преобразовывает все HTML-элементы в объекты JavaScript. У элементов на странице есть своя структура вложенности одного в другого. Из этого можно сделать вывод, что каждый элемент «родственно» может быть связан с другим. Какой-то элемент может быть родителем, а какой-то его ребёнком. Как получить всех детей элемента на странице? Для […]
Есть простая разметка: <div class="gg"> <p>GGGG</p> </div> <div class="aa"> <p>AAAA</p> </div> Мы хотим получить родителя для элемента <p>AAAA</p>. Как его узнать? Для начала получим сам элемент <p>AAAA</p> document.getElementsByTagName("p")[1] Элемент получен: Теперь ищем родителя. В этом нам поможет «Объектная модель документа» (DOM). В стандарте DOM есть «Интерфейс Node«. В этом интерфейсе […]