Web Analytics Made Easy -
StatCounter createDocumentFragment: - CodingForum

Announcement

Collapse
No announcement yet.

createDocumentFragment:

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • createDocumentFragment:

    Under what circumstances would there be an advantage to using this object in an html document?
    hmm... ?

  • #2
    There is one large benefit to it - when you assign a DocumentFragment to another Node, the children of the DocumentFragment are assigned to the Node instead of the actual DocumentFragement. That means that you can assign multiple children at the same time instead of assigning them one at a time.
    liorean <[[email protected]]>
    Articles: RegEx evolt wsabstract , Named Arguments
    Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
    Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

    Comment


    • #3
      Oh, that makes sense.

      Have you seen this being put to practical use anywhere?
      hmm... ?

      Comment


      • #4
        IIRC only Mozilla supports DocumentFragment for the moment, so it's kinda limited for the moment.
        liorean <[[email protected]]>
        Articles: RegEx evolt wsabstract , Named Arguments
        Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
        Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

        Comment


        • #5
          It is also featured in IE6: About the W3C Document Object Model

          edit >> Actually its listed as available from IE5+

          Win16: 5
          Win32: 5
          Unix: 5
          Mac: 5
          Windows CE: 5.5
          Last edited by swmr; Feb 15, 2004, 07:22 AM.
          hmm... ?

          Comment


          • #6
            Yeah but check this: if you use cloneNode(true) to copy a node from an <object>-embedded HTML document, what you get back is not a node at all - it's a document fragment with your node as its first child. Since it's in a document fragment you can't append it using appendNode, or move it with insertAdjacentElement or insertBefore - you have to copy it with outerHTML.

            Stupid browser..
            Last edited by brothercake; Feb 18, 2004, 01:52 AM.
            "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

            Comment


            • #7
              James - is that really the problem? How about trying to use Document.importNode first, and then trying to append it?
              liorean <[[email protected]]>
              Articles: RegEx evolt wsabstract , Named Arguments
              Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
              Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

              Comment


              • #8
                importNode doesn't work in IE - cloneNode is the only way to copy a node afaik.

                It might be related the strangeness of accessing the document in the first place - IE has contentWindow.document when it's an iframe, but an <object> has no contentWindow, and IE doesn't support contentDocument, so the only way I could find to get the document is with a reference to the <object> itself. Like this example, trying to copy individual <ul> nodes out of another element in the embedded document:
                Code:
                var obj = document.getElementById("someObject");
                var doc = obj;
                var docElement = doc.getElementById("whatever");
                var docTree = docElement.getElementsByTagName('ul')[0];
                var docUL = docTree.cloneNode(true)
                Then query the parentNode of docTree - it's a document fragment; try to append or move the docTree node - you can't, because it isn't really a node.
                "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

                Comment


                • #9
                  Oh, ie quirkyness again. I was thinking that this was rather another problem: Nodes belong to a document. You can't use a node from one document in another without importing it.

                  But then I never counted on iew being standards compliant...

                  How about using Element.ownerDocument on an element in the object document?
                  liorean <[[email protected]]>
                  Articles: RegEx evolt wsabstract , Named Arguments
                  Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
                  Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

                  Comment


                  • #10
                    With liorean's help, we debugged this particular issue - instead of using the reference to the object, using the object property of the object returns a #document node:
                    Code:
                    var doc = obj.object;
                    But it still doesn't work, because I was using cloneNode instead of importNode - the ownerDocument of the cloned node is the <object> document, so it can't be appended to the outer document, because of the cross-document security restriction. Since importNode isn't supported in win/ie, outerHTML remains the only solution (or using an iframe instead of an object)

                    Sorry this is all a bit OT though ...
                    Last edited by brothercake; Feb 18, 2004, 08:14 PM.
                    "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

                    Comment


                    • #11
                      James: About importNode, have you seen this? <http://neo.dzygn.com/archives/individual/56>
                      liorean <[[email protected]]>
                      Articles: RegEx evolt wsabstract , Named Arguments
                      Useful Threads: JavaScript Docs & Refs, FAQ - HTML & CSS Docs, FAQ - XML Doc & Refs
                      Moz: JavaScript DOM Interfaces MSDN: JScript DHTML KDE: KJS KHTML Opera: Standards

                      Comment


                      • #12
                        Interesting. .. more round about than what I did, but undoubtedly more elegant.
                        "Why bother with accessibility? ... Because deep down you know that the web is attractive to people who aren't exactly like you." - Joe Clark

                        Comment

                        Working...
                        X