html body.find,javascript - Find body tag in an ajax HTML response - Stack Overflow

I experimented a little, and have identified the cause to a point, so pending a real answer which I would be interested in, here is a hack to help understand the issue

$.get('/',function(d){

// replace the `HTML` tags with `NOTHTML` tags

// and the `BODY` tags with `NOTBODY` tags

d = d.replace(/(/gi,'$1NOTHTML$2>',d)

d = d.replace(/(/gi,'$1NOTBODY$2>',d)

// select the `notbody` tag and log for testing

console.log($(d).find('notbody').html())

})

Edit: further experimentation

It seems it is possible if you load the content into an iframe, then you can access the frame content through some dom object hierarchy...

// get a page using AJAX

$.get('/',function(d){

// create a temporary `iframe`, make it hidden, and attach to the DOM

var frame = $('').appendTo('body')

// check that the frame has loaded content

$(frame).load(function(){

// grab the HTML from the body, using the raw DOM node (frame[0])

// and more specifically, it's `contentDocument` property

var html = $('body',frame[0].contentDocument).html()

// check the HTML

console.log(html)

// remove the temporary iframe

$("#frame").remove()

})

})

Edit: more research

It seems that contentDocument is the standards compliant way to get hold of the window.document element of an iFrame, but of course IE don't really care for standards, so this is how to get a reference to the iFrame's window.document.body object in a cross platform way...

var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

var iframeBody = iframeDoc.body;

// or for extra caution, to support even more obsolete browsers

// var iframeBody = iframeDoc.getElementsByTagName("body")[0]