发表新帖
发表新帖

Does jQuery strip some html elements from a string when using .html()?

后端 未结
关注
4 1498
遥遥无期
遥遥无期 2020-12-01 18:20

I have a var that contains a full html page, including the head, html, body, etc. When I pass that string into the .html() function, jQuery strips out all those elements, s

相关标签:
4条回答
  • 死守一世寂寞
    2020-12-01 18:45

    Here is a solution, which will include the body, head and other attributes: mydoc = document.getElementById('NAME_OF_PREVIEW_FRAME').contentWindow.document; mydoc.write(HTML_CODE); mydoc.close();

    0 讨论(0)
  • 无人共我
    2020-12-01 18:52

    There is no need for the container div.

    Have you tried this?:

    var foo = $(data);  // data is your full html document string

    Then you can search inside of it like so:

    $('.someClass', foo); // foo is the document you created earlier

    Update:

    As another answered mentioned, how this will act comes down to the browser.

    I looked at the jQuery docs a bit and found this:

    When 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. Specifically, jQuery creates a new <div> element and sets the innerHTML property of the element to the HTML snippet that was passed in.

    So it seems that when you are using a whole html doc as a string, it's no different than setting the innerHTML property of a div you make using createElement.

    0 讨论(0)
  • 日久生厌
    2020-12-01 18:53

    Nope, the jQuery html function is just sending the string through to the element's innerHTML property, which is a function of the browser that tells it to parse the HTML into DOM elements and add them to the page.

    Your browser doesn't work with a page as HTML data, it works with it as DOM and imports/exports HTML.

    JavaScript has very good Regular Expression support. Depending on the complexity of your task, you may find this is the best way to process your data.

    0 讨论(0)
  • 野性不改
    2020-12-01 19:07

    After a few quick tests it seems do me that this behavior isn't caused by jQuery but instead by the browser.

    As you can easily verify yourself (DEMO http://jsbin.com/ocupa3)

    var data = "<html><head><title>Untitled Document</title></head><body><p>test</p></body></html>";
data = $('<div/>').html(data);
alert(data.html());

    yields different results in different browsers

    Opera 10.10

    <HEAD><TITLE>Untitled Document</TITLE></HEAD><P>test</P>

    FF 3.6

    <title>Untitled Document</title><p>test</p>

    IE6

    <P>test</P>

    so this has nothing to do with jQuery, It's the browsers which strip some tags when you insert a whole html string inside a div. But you would need to step through the whole jQuery code for html() to be sure. And you would need to do that for all browsers as there are several different ways jQuery tries to do it's job.

    For a solution I advise you to investigate using an iframe (possibly hidden) and to set that iframe content to the html-string you have. But be aware that fiddling with iframes and changing their content programmatically isn't an easy task either. There are also different browser related quirks and timing issues involved.

    0 讨论(0)
 看不清?
提交回复
热议问题