Как работат метод innerhtml в js?

3 года назад

Andrey Moshkov

Присоединяйтесь к нашему Telegram-сообществу

Ответы

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

<div class="example">
   <a href="#" class="example_link" >link</a>
   <p class="example_text">Text</p>
 </div>

const example = document.querySelector('.example');
console.log(example.innerHTML);  
// => '<a href="#" class="example_link">link</a><p class="expample_text">Text</p>'

const example = document.querySelector('.example');
example.innerHTML = '<b>new text</b>';
console.log(example.innerHTML);
// => '<b>new text</b>'

Манипулирование DOM-деревом

3 года назад

Andrey G

1 месяц

Основы JavaScript

Синтаксис, основы программирования, переменные, строки, арифметика, условные конструкции, циклы, функции, модули

10 месяцев

Фронтенд-разработчик

Верстка на HTML5 и CSS3, Программирование на JavaScript в браузере, разработка клиентских приложений используя React

1 месяц

СИКП на JS

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

2 месяца

ООП на Javascript

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

2 месяца

DDD на Javascript

Навык ООП и предметно-ориентированного программирования для создания масштабируемого кода и карьерного роста

Похожие вопросы