Home/ Questions/Q 774863
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T19:11:56+00:00

Why this $(#mydiv).append(<ul>); $(#mydiv).append(<li>Hello</li>); $(#mydiv).append(</ul>); alert($(#mydiv).html()); produces <ul></ul><li>Hello</li> and not <ul><li>Hello</li></ul> ? Thanks!

  • 0

Why this 

$("#mydiv").append("<ul>");
$("#mydiv").append("<li>Hello</li>");
$("#mydiv").append("</ul>");
alert($("#mydiv").html());

produces

<ul></ul><li>Hello</li>

and not

<ul><li>Hello</li></ul>

?

Thanks!

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Because the browser needs to (re)build its DOM after each append. It can’t know that a closing tag will come later, and an opening tag by itself is invalid, so error correction kicks in which in this case closes the unclosed element.

    This is one of the reasons why innerHtml and things that rely on it (such as jQuery’s append method) are not reliable and should be avoided when possible.

    • 0