dom4

DOM4 compareDocumentPosition I want to implement compareDocumentPosition. Resig has made a great start at doing just this . I've taken his code and neatened it up function compareDocumentPosition(other) { var ret = 0; if (this.contains) { if (this !== other && this.contains(other)) { ret += 16; } if (this !== other && other.contains(this)) { ret += 8; } if (this.sourceIndex >= 0 && other.sourceIndex >= 0) { if (this.sourceIndex < other.sourceIndex) { ret += 4; } if (this.sourceIndex > other.sourceIndex) { ret += 2; } } else { ret += 1; } } return ret; } This works for Element but does not for

Benchmark compares QSA & .forEach vs a NodeIterator toArray(document.querySelectorAll("div > a.klass")).forEach(function (node) { // do something with node }); var filter = { acceptNode: function (node) { var condition = node.parentNode.tagName === "DIV" && node.classList.contains("klass") && node.tagName === "A"; return condition ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_REJECT } } // FIREFOX Y U SUCK var iter = document.createNodeIterator(document, NodeFilter.SHOW_ELEMENT, filter, false); var node; while (node = iter.nextNode()) { // do thing with node } Now either NodeIterator 's suck

I know that MutationObservers callbacks may get called sometime after the DOM change. But the question is: What is the timing of these callbacks? Do the callbacks enter the event queue of the browsers? If so, when do they enter the queue? Are the callbacks: called immediately after the DOM mutation take place, called as soon as the function that manipulate DOM finishes, called as soon as the call stack is empty, enqueued immediately after the DOM mutation take place, enqueued as soon as the function that manipulate DOM finishes, or at some other time? For example, if the following piece of

I'm trying to shim Element.prototype.children which should return a HTMLCollection There is a window.HTMLCollection However var h = new HTMLCollection(); //TypeErrror: HTMLCollection is not a constructor and var h = Object.create(HTMLCollection.prototype); h[0] = div; h.item(0); // Could not convert JavaScript argument Test Firefox 7 and Chrome Apart from shimming HTMLCollection is there any way to interact with it? Also provide feedback on this github issue if you can suggest a solution Here's how I would do it: function MyHTMLCollection( arr ) { for ( var i = 0; i < arr.length; i += 1 ) {

I am trying to make a function go off when a particular div is created. In the simplest of terms, I have something like this: <a href="" id="foo">Click me!</a> <script> $("#foo").live("click",function(e) { e.preventDefault(); $(this).append($("<div />").html("new div").attr("id","bar")); }); </script> Before, I had mutation events listen for the creation of div#bar - something like this: $("#bar").live("DOMNodeInserted", function(event) { console.log("a new div has been appended to the page"); }); Is there an equivalent using Mutation Observers? I tried attrchange.js featured on Can you have a