What's the difference between innerHMTL and outerHTML ?

[gimme_this_gimme_that]

Thanks.

 

[Xu, Qian]

Thanks.

<p id="explain">Hello</p>


innerHTML of element "explain" == Hello
outerHTML of element "explain" == <p id="explain">Hello</p>

 

[Stevo]

Thanks.

Why not just alert the inner and outer HTML of some element and you'll see.

 

[gimme_this_gimme_that]

Thanks Qian

 

[RobG]

Thanks.

You should not assume that the subject of your post is visible when
the content is read.

Both innerHTML and outerHTML are proprietary properties introduced by
IE. innerHTML is a property of a DOM element that represents the HTML
inside the element, i.e. between the opening and closing tags. It has
been widely copied, however implementations vary (probably because it
has no published standard[1]) particularly in how they treat element
attributes.

outerHTML is similar to innerHTML, it is an element property that
includes the opening an closing tags as well as the content. It
hasn't been as widely copied as innerHTML so it remains more-or-less
IE only.


1. That is not to say that a published standard would remove all
variances, but it would likely reduce them.