Top.Mail.Ru
Ответы

Javascript В чем разница команд innerHTML и outerHTML?

По дате
По рейтингу
Аватар пользователя
Новичок

const outer = document.querySelector('#parent').outerHTML;
const inner = document.querySelector('#parent').innerHTML

outer === "<div id="parent"><span id="child"></span></div>"
inner === "<span id="child"></span>"

Аватар пользователя
Оракул

Неужели в гугле забанили?

Свойство любого DOM элемента innerHTML содержит HTML код, который находится внутри этого элемента. При установке нового значения этого свойства, внутренний HTML код рендерится браузером заново.
outerHTML почти аналогичен innerHTML, разница в том, что он возвращает полный HTML элемента.