Тёмный

JavaScript #4: свойства DOM-узлов: nodeName, innerHTML, outerHTML, data, textContent, hidden 

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

Инфо-сайт: proproprogs.ru
Рассказывается об основных свойствах DOM-узлов: nodeType, nodeName, tagName, innerHTML, outerHTML, nodeValue, data, textContent, hidden. А также об иерархии классов DOM-узлов и операторе instanceof.

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

 

1 окт 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 20   
@orthodox-chanel
@orthodox-chanel 10 месяцев назад
рецепт новогодней гирлянды в браузере, создаем в css 2 класса .hrgb { color:rgb(147, 24, 135); } .hrgb2 { color: rgb(94, 94, 222); } а потом в js добавляем такой скрипт let titleH1 = document.body.querySelector('h1') function addClassesPeriodically() { let toggleState = false; setInterval(() => { if (toggleState) { titleH1.classList.remove('hrgb'); titleH1.classList.add('hrgb2'); } else { titleH1.classList.remove('hrgb2'); titleH1.classList.add('hrgb'); } toggleState = !toggleState; }, 200); } // Запускаем функцию addClassesPeriodically(); 😃
@Valery_150
@Valery_150 3 года назад
все оч круто есть одно НО: так код не пишут, чтоб все элементы были в одну строчку когда пытаюсь повторить начинается у меня абракадабра но реально приходит осознание что к чему как общаться js and HTML чтоб вывести текст заголовка мне приходится делать так let head = document.body.childNodes[2].nextSibling; console.log(head.innerHTML); есть способ по легче обратиться к заголовку в таком html Заголовок
@web2905
@web2905 3 года назад
До этого не понимал разницы textcontent и innerhtml, теперь знаю, спасибо))
@donfedor007
@donfedor007 Год назад
Доброе время суток! Правильно ли я понял /// let comm_div = document.getElementById("comm"); comm_div.hidden = true; setInterval(()=> comm_div.hidden = !comm_div.hidden, 500 ); /// каждые пол сек, comm_div.hidden меняет значение на обратное в этом месте !comm_div.hidde ? !- False меняет на True и на оборот ?
@fordevelopment3980
@fordevelopment3980 2 года назад
Благодарю за прекрасные уроки, ничего лучше не видел, смотрю вас ещё с питона и до сих пор удивляюсь как хорошо вы можете объяснить тему урока
@antonsurnin9931
@antonsurnin9931 4 года назад
Не удобно когда измененный пример просто появляется из не откуда, не сразу понятно что что-то в коде изменилось. Из-за этого теряешься и приходится пересматривать и всматриваться. Видео ведь для новичков, а новичкам нужна очевидность. Нужно видеть что вы изменяете в коде.
@GGSoft2009
@GGSoft2009 Год назад
Ну Вы даете!!! Таких лекции я еще не выдел. Огромное спасибо!!!!
@arinochka2306
@arinochka2306 2 года назад
Уроки замечательные, спасибо огромное!!!
@sergeylysenko1808
@sergeylysenko1808 4 года назад
респект
@ivannebyshinets5682
@ivannebyshinets5682 Год назад
💪💪💪
@idiego9619
@idiego9619 Год назад
Боже какой ты крутой!!! Я никак не мог понять, как это работает. Благо тебе разобрался)
@sikinski1588
@sikinski1588 3 года назад
топ) спасибо за уроки
@Max_Ineos
@Max_Ineos 2 года назад
ну это не единственное отличие inner от textContent
@scaleyourdream
@scaleyourdream 4 года назад
видео полезное +, но автор так спешит, как будто сдаёт экзамен на скорость чтения.
@selfedu_rus
@selfedu_rus 4 года назад
на экзаменах наоборот мямлят :)
@scaleyourdream
@scaleyourdream 4 года назад
selfedu Вы же видео для обучения даёте, а бег на скорость сдаёт. Сравните подачу например с Алексом Лущенко.. p.s. какое отношение имеют экзамены к данному видео?
@dr-johngy-brongen
@dr-johngy-brongen 4 года назад
Наоборот, четкое и структурированное изложение информации, без лишней воды, отступлений и прочего.
@olegzidane7099
@olegzidane7099 4 года назад
скорость воспроизведения на 0.75, и будет счастье, будет Саша Лущенко :)
@g.bagiryan
@g.bagiryan 4 года назад
та норм, я на х2 скорости смотрю
Далее
Как открыть багажник?
00:36
Просмотров 16 тыс.
JavaScript textContent vs innerHTML
13:54
Просмотров 20 тыс.
Весь ООП в JavaScript за 35 мин
34:02
Просмотров 5 тыс.