Learn HTML DOM
Manipulating DOM Elements
4.6
Lesson

Difference Between InnerHTML and OuterHTML

The innerHTML property will return to us all the HTML that is nested inside the element. The outerHTML property, on the other hand, will return to us not only the HTML that is nested inside the element, but also the element itself.

The result in the console shows us that for getting the element as well as the nested HTML inside it, we should use outerHTML. But to get only the nested HTML inside an element, we can use innerHTML.