TGViewer
JavaScript заметки JavaScript заметки @notesjs · 7.43K subscribers
Post #2864 1.24K
Манипуляция с элементами страницы: создание, удаление и изменение HTML-элементов

Манипуляция с элементами страницы - это важная часть разработки веб-приложений, которая позволяет создавать, удалять и изменять HTML-элементы динамически с помощью JavaScript. Это особенно полезно при обновлении содержимого страницы без перезагрузки.

В данном примере мы создаем новый элемент div с текстом "Новый элемент" и классом "my-class". Затем мы добавляем этот элемент в конец body документа с помощью метода appendChild(). Мы также изменяем содержимое элемента с помощью свойства textContent и стилизуем его, устанавливая значение свойства backgroundColor.

Через 3 секунды мы удаляем элемент с помощью метода remove(). Это демонстрирует возможность удаления элементов из документа.

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

#полезное
  • 👍 2
  • 🔥 1
More from @notesjs
  1. Oct 9, 2026Валидация формы с помощью AJV, Vue.js и TypeScript Валидация форм является важной частью f…
  2. Oct 8, 2026Использование WebSockets для двусторонней коммуникации между клиентом и сервером WebSocket…
  3. Oct 7, 2026Server-side rendering и практики работы с запросами Практики работы с запросами на сервере…
  4. Oct 6, 2026Работа с итерируемыми объектами и циклом for...of Цикл for...of позволяет удобно перебират…
  5. Oct 5, 2026Интерактивные графики и визуализации с использованием библиотеки D3.js Библиотека D3.js ши…
  6. Oct 1, 2026Работа с WebRTC для создания видеочата в браузере WebRTC позволяет веб-приложениям реализо…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →