After getting a page's content from an AJAX request I can select tag element but cannot select body element

Question

I got an html page through an AJAX request

$.ajax({
    async: true,
    method: \'GET\',
    url: linkPage,
    // cache: true,
    success: function (data) {
          


        

Answer 1

The reason it doesn't work the way you tried is explained in the jQuery documentation:

If the HTML is more complex than a single tag without attributes, as it is in the above example, the actual creation of the elements is handled by the browser's .innerHTML mechanism. In most cases, jQuery creates a new

element and sets the innerHTML property of the element to the HTML snippet that was passed in.

Since you can't have a inside a

, the browser ignores the tag.

The documentation goes on to say:

When passing in complex HTML, some browsers may not generate a DOM that exactly replicates the HTML source provided. As mentioned, jQuery uses the browser's .innerHTML property to parse the passed HTML and insert it into the current document. During this process, some browsers filter out certain elements such as ,