Тёмный

JavaScript #3: методы поиска элементов в DOM: querySelector, querySelectorAll, getElementById 

selfedu
Подписаться 152 тыс.
Просмотров 29 тыс.
50% 1

Инфо-сайт: proproprogs.ru
Методы произвольного поиска элементов в DOM-дереве: querySelector, querySelectorAll, getElementById. А также методы matches, closest, getElementsByTagName, getElementsByClassName, getElementsByName, contains.
Видео по CSS-селекторам (и не только): • HTML с нуля: урок 8 - ...

Опубликовано:

 

24 янв 2020

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 36   
@web2905
@web2905 2 года назад
Спасибо, очень здорово. Прям всё по полочкам, наглядно и без воды.
@valeriymalishevskyi1723
@valeriymalishevskyi1723 4 года назад
Спасибо за уроки!! Коротко и понятно!!!
@user-fp6ee7kn4l
@user-fp6ee7kn4l 4 года назад
Спасибо за информацию да благословит вас ГОСПОДЬ
@user-th6sy3vk8d
@user-th6sy3vk8d 4 года назад
Без воды как надо!
@jeb_7749
@jeb_7749 4 года назад
Спасибо большое. А то первую неделю изучения JS считал мучением, пока не начал находить подобные этому ролики
@Torpedo-ZIL
@Torpedo-ZIL 3 года назад
You are the best teacher in the world!!!
@catsapp
@catsapp Год назад
Thank you
@user-ed1hy3by5p
@user-ed1hy3by5p 3 года назад
Блин, ты реально крут!
@catsapp
@catsapp Год назад
Спасибо
@sergeybezumanuy8690
@sergeybezumanuy8690 Год назад
спасибо большое, самые начальные вещи но очень важны, начинаешь писать код и не понимаешь для чего он а тут всё прям разжовано
@oleksandrkrat7800
@oleksandrkrat7800 2 года назад
Полезно, благодарю.
@user-rv3fs9fu8s
@user-rv3fs9fu8s Год назад
Дякую. Інформативно
@deluxez12
@deluxez12 4 года назад
Очень информативно и с приятным голосом, мне определенно нравится, автор делай ещё, у тебя определённо получается! (зы: микрофончик можно поменять, малёх фонит)
@jackma2760
@jackma2760 2 года назад
У тебя должно быть миллиард просмотров, ты крут!
@selfedu_rus
@selfedu_rus 2 года назад
Увы, плетусь в конце, еле виден ))
@jackma2760
@jackma2760 2 года назад
@@selfedu_rus есть пара идей как это исправить. у тебя все четко и структурированно, но не хватает кликбейтных заголовков, которые могут заманить потенциальную аудиторию: про зарплаты, про собеседования, какие-нибудь мифы об IT
@selfedu_rus
@selfedu_rus 2 года назад
@@jackma2760 Это понятно, но мне эти темы не интересны.
@phitrow
@phitrow Год назад
Есть условный список, выведенных на страницу, но без нумерацию делает PHP. Надо сделать так чтобы при клике рядом появлялось модальное окно z-index: (+1); Но ключевой фактор - рядом. чтобы не позиционировать модалку к каждому элементу списка. Я пока это вижу только через JS. но еще не пробовал.
@romanchernyshov2632
@romanchernyshov2632 Год назад
Спасибо!
@luffymonkeyd4219
@luffymonkeyd4219 2 года назад
Thank u bro!!!
@OHikcc
@OHikcc Месяц назад
Эх, везде, где не ищу, показывают поиск по странице, а мне нужно вызвать по ID форму обратного звонка. Она есть в недрах сайта, даже в футере её кнопка есть, при нажатии форма появляется, но мне аналогичную кнопку прописать нужно где-то в теле HTML страницы, чтобы форма вызывалась. А такие примеры никто не рассматривает
@sergeylysenko1808
@sergeylysenko1808 4 года назад
респект
@donfedor007
@donfedor007 Год назад
Доброе время суток! немного схоже с библиотекой Selenium. Спасибо Вам!
@morph2119
@morph2119 3 года назад
Про различие между querySelector, querySelectorAll и старыми аналогами getElementByTagName, getElementsByClassName, get ElementsByName я понял. Но почему старый аналог хуже? Может кто-то объяснить?
@Mike1and1Eloi
@Mike1and1Eloi 4 года назад
А нельзя было вместо matches, использовать querySelectorAll('li.star')??
@virgo6324
@virgo6324 3 года назад
Хороший урок! let list = document.querySelectorAll(ul.stars-list > li); list - это массив?
@selfedu_rus
@selfedu_rus 3 года назад
да, все что попадает под этот запрос заносится в список
@ruslanmustafin8887
@ruslanmustafin8887 2 года назад
Как найти и обратится к тегу(button) в дом, тег добавляется после окончания таймера??
@catsapp
@catsapp Год назад
Через промис?
@uralfansoft
@uralfansoft 2 года назад
как получить значение в js файл???
@selfedu_rus
@selfedu_rus 2 года назад
либо AJAX, либо когда идет формирование HTML-документа прописать тег script и в нем переменную с определенным значением.
@robertodiohu7052
@robertodiohu7052 3 года назад
querySelector может помочь сократить текст кода ??? если текст повторяєтся... mamaBattom.onclick = function() { mama.value = parseInt(mama.value)+1+units2; Intelekt.value = parseInt(Intelekt.value)+1+units2; Clock(); if (parseInt(mama.value) >= 40){ document.getElementById('Bm2').style.display = 'block'; }; }; mama2Battom.onclick = function() { mama.value = parseInt(mama.value)+5+units2; Intelekt.value = parseInt(Intelekt.value)+5+units2; Clock(); Clock(); Clock(); if (parseInt(mama.value) >= 200){ document.getElementById('Bm3').style.display = 'block'; }; } mama3Battom.onclick = function() { mama.value = parseInt(mama.value)+20+units2; Intelekt.value = parseInt(Intelekt.value)+20+units2; Clock(); Clock(); Clock(); Clock(); Clock(); Clock(); Clock(); }
@robertodiohu7052
@robertodiohu7052 3 года назад
таких функций уже насобиралось 30... как можно ето все сократь???
@robertodiohu7052
@robertodiohu7052 3 года назад
у меня много кнопок к каждой привязана такая функция листать уже ппц долго чтоб чтото дописать... хочю оптимизировать.
@selfedu_rus
@selfedu_rus 3 года назад
@@robertodiohu7052 Это элемент DRY (Don't Repeat Yourself - не повторяйся). Нужно выделять нужные элементы, например, по селектору, и им назначать автоматически обработчики!
@user-bv6xr8gp2c
@user-bv6xr8gp2c Год назад
Замутил какую то хрень определенно не для начинающих
Далее
CyberBrawl - The Last Sacrifice
01:35
Просмотров 1,5 млн
CyberBrawl - The Last Sacrifice
01:35
Просмотров 1,5 млн