JavaScript заметки
Открыть в Telegram
Регулярные заметки по практическому JavaScript. Обучащию посты позволят прокачать навыки во Frontend-разработке. Можно почитать пока компилируется проект :) Сотрудничество: @noname_media Канал на бирже: telega.in/channels/notesjs/card?r=Wj7h1mbl
Больше7 368
Подписчики
-124 часа
-167 дней
-5730 дней
Архив постов
7 368
.hidden
Свойство
hidden позволяет узнать значение HTML-атрибута hidden или изменить его. Когда hidden равен true, элемент скрыт на странице и недоступен для скринридеров.
#элемент_на_странице
Подробнее7 368
.textContent
Свойство
textContent позволяет считывать или задавать текстовое содержимое элемента. Обращение к свойству вернёт строку, которая будет состоять из текстового содержимого всех вложенных элементов, даже если они скрыты с помощью CSS и не видны на экране.
Аналогичной функциональностью, но с некоторыми ограничениями обладает свойство innerText. Оно работает так же, но не включает в себя скрытые элементы.
#элемент_на_странице
Подробнее7 368
Хочешь освоить Photoshop без напряжённых часовых туториалов и лекций?
Тогда тебе на канал Photoshop за 59 sec.
Короткие уроки по обработки фотографий, ролики с разбором инструментов и фишек программы.
P.S. все видео на русском языке.
7 368
.innerText
Свойство
innerText позволяет считывать или задавать текстовое содержимое элемента. При считывании текста с элемента будет возвращена строка с текстовым содержимым всех вложенных дочерних элементов. Не будет считываться только содержимое скрытых с помощью CSS элементов, а так же содержимое тегов <script> и <style>.
Аналогичной функциональностью обладает свойство textContent, но он возвращает содержимое всех дочерних элементов, даже скрытых.
#элемент_на_странице
Подробнее7 368
.outerHTML
Свойство
outerHTML позволяет получить HTML-элемент, включая его содержимое, в виде HTML-строки или заменить элемент на новый HTML.
Новое значение HTML передаётся в виде строки и оно полностью заменит весь элемент. В outerHTML нельзя передать DOM-элемент, только строку.
#элемент_на_странице
Подробнее7 368
.innerHTML
Свойство
innerHTML позволяет считать содержимое элемента в виде HTML-строки или установить новый HTML.
Новое значение HTML необходимо передавать в виде строки и оно заменит текущее содержимое элемента. При передаче невалидной HTML-строки будет выброшена ошибка. HTML-строкой является строка, которая содержит валидную HTML-разметку, в innerHTML нельзя передать DOM-элемент.
#элемент_на_странице
Подробнее7 368
.style
Свойство
style получает и устанавливает инлайновые стили элемента, то есть те, что записываются через HTML-атрибут style.
С помощью него можно управлять стилем элемента. Специфичность этого свойства такая же, как у атрибута style.
#элемент_на_странице
Подробнее7 368
.dataset
Свойство
dataset позволяет считывать или устанавливать любые дата-атрибуты на HTML-элементе.
Дата-атрибут — это пользовательский атрибут на элементе, название которого начинается с data-, например data-testid. Дата атрибуты используются, чтобы хранить значения на элементах в HTML.
#элемент_на_странице
Подробнее7 368
.classList
Свойство
classList даёт возможность просматривать и манипулировать классами элемента.
#элемент_на_странице
Подробнее7 368
.scrollTo()
Метод
scrollTo() позволяет программно прокрутить элемент до некоторой точки координат на странице.
#элемент_на_странице
Подробнее7 368
.scrollIntoView()
Метод
scrollIntoView() позволяет программно прокрутить окно до определённого элемента.
#элемент_на_странице
Подробнее7 368
.scrollBy()
Метод
scrollBy() позволяет программно прокрутить элемент на определённое количество пикселей относительно текущего положения.
#элемент_на_странице
Подробнее7 368
Ты начнёшь верстать увереннее, добавишь в портфолио 1 крутой сайт и сможешь повысить цену на свои услуги…
Потому что Роман Чернов, веб-разработчик с 8-летним стажем, организовал бесплатный 7-дневный интенсив с практикой и обратной связью.
За 7 дней ты:
- Сверстаешь веб-сайт на HTML + CSS;
- Реализуешь функционал на JavaScript;
- Используешь фронтенд-фреймворк Angular;
- Подключишь Backend и загрузишь сайт на хостинг.
👉 Забрать бесплатно 7 дней обучения frontend-разработке
7 368
.setProperty()
Метод
setProperty() позволяет установить стиль при помощи JavaScript. Может быть применён как к DOM-элементу, так и конкретному CSS правилу.
В первом случае специфичность будет как и у атрибута style, т.к. стили будут записаны инлайн. Во втором случае специфичность не изменится.
#элемент_на_странице
Подробнее7 368
7 368
Что не умеет делать JavaScript на веб-странице?
- Не может читать/записывать произвольные файлы на жёстком диске, копировать их или запускать программы.
Может быть что-то еще?
В канале Собес.js собраны самые актуальные вопросы с собеседований по самому популярному в мире языку программирования. Сохраняй себе и повторяй материал, чтобы быть готовым к любому собесу
7 368
7 368
7 368
Бесплатная карта компетенций для фронтендера
HTML Academy подготовила для вас карту, которая поможет определиться с тем, что учить, чтобы найти хорошую работу в айти.
А уже работающим фронтендерам, карта компетенций поможет понять чему необходимо учиться для карьерного роста. Поэтому, она подойдёт для разработчика любого уровня.
⚡️ Переходите в бота и забирайте
7 368
.forEach()
Метод
forEach() используется для обхода элементов коллекции Set. Обход происходит в порядке добавления значений в коллекцию от старых к новым.
Метод работает идентично одноимённому методу массива.
#множества #forEach
Подробнее