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

Поділитися
Вставка
  • Опубліковано 18 лис 2024

КОМЕНТАРІ • 20

  • @fordevelopment3980
    @fordevelopment3980 2 роки тому +3

    Благодарю за прекрасные уроки, ничего лучше не видел, смотрю вас ещё с питона и до сих пор удивляюсь как хорошо вы можете объяснить тему урока

  • @GGSoft2009
    @GGSoft2009 Рік тому +1

    Ну Вы даете!!! Таких лекции я еще не выдел. Огромное спасибо!!!!

  • @web2905
    @web2905 3 роки тому +3

    До этого не понимал разницы textcontent и innerhtml, теперь знаю, спасибо))

  • @idiego9619
    @idiego9619 Рік тому

    Боже какой ты крутой!!! Я никак не мог понять, как это работает. Благо тебе разобрался)

  • @arinochka2306
    @arinochka2306 2 роки тому +1

    Уроки замечательные, спасибо огромное!!!

  • @ivannebyshinets5682
    @ivannebyshinets5682 Рік тому +1

    💪💪💪

  • @Valery_150
    @Valery_150 3 роки тому +3

    все оч круто
    есть одно НО:
    так код не пишут, чтоб все элементы были в одну строчку когда пытаюсь повторить начинается у меня абракадабра
    но реально приходит осознание что к чему как общаться js and HTML
    чтоб вывести текст заголовка мне приходится делать так
    let head = document.body.childNodes[2].nextSibling;
    console.log(head.innerHTML);
    есть способ по легче обратиться к заголовку в таком html


    Заголовок

  • @sikinski1588
    @sikinski1588 3 роки тому +1

    топ) спасибо за уроки

  • @sergeylysenko1808
    @sergeylysenko1808 4 роки тому +2

    респект

  • @antonsurnin9931
    @antonsurnin9931 4 роки тому +1

    Не удобно когда измененный пример просто появляется из не откуда, не сразу понятно что что-то в коде изменилось. Из-за этого теряешься и приходится пересматривать и всматриваться. Видео ведь для новичков, а новичкам нужна очевидность. Нужно видеть что вы изменяете в коде.

  • @orthodox-chanel
    @orthodox-chanel 11 місяців тому +2

    рецепт новогодней гирлянды в браузере,
    создаем в 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();
    😃

  • @Max_Ineos
    @Max_Ineos 2 роки тому

    ну это не единственное отличие inner от textContent

  • @scaleyourdream
    @scaleyourdream 4 роки тому

    видео полезное +, но автор так спешит, как будто сдаёт экзамен на скорость чтения.

    • @selfedu_rus
      @selfedu_rus  4 роки тому +2

      на экзаменах наоборот мямлят :)

    • @scaleyourdream
      @scaleyourdream 4 роки тому

      selfedu Вы же видео для обучения даёте, а бег на скорость сдаёт. Сравните подачу например с Алексом Лущенко..
      p.s. какое отношение имеют экзамены к данному видео?

    • @dr-johngy-brongen
      @dr-johngy-brongen 4 роки тому +8

      Наоборот, четкое и структурированное изложение информации, без лишней воды, отступлений и прочего.

    • @olegzidane7099
      @olegzidane7099 4 роки тому +3

      скорость воспроизведения на 0.75, и будет счастье, будет Саша Лущенко :)

    • @g.bagiryan
      @g.bagiryan 4 роки тому +1

      та норм, я на х2 скорости смотрю

  • @donfedor007
    @donfedor007 2 роки тому +1

    Доброе время суток! Правильно ли я понял
    ///
    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 и на оборот ?