使用compareDocumentPosition比较两个元素在文档中的位置

PS:尊重原创，转载请注明来自http://www.cnblogs.com/Raoh/p/js_compareDocumentPosition_between_two_node.html

使用compareDocumentPosition方法比较两个节点，将会返回描述它们在文档中位置的整数。

拿到这个整数之后，通过一些位运算，我们就能得出元素位置的详细信息。（实际上，这与C#语言中的[Flags]一个道理）

直接上示例代码：

var doc = document,    html = doc.documentElement,    body = doc.body;var pos = html.compareDocumentPosition(body);//20var after = pos & 2;//0console.log('html在body后面',!!after);var before = pos & 4;//4console.log('html在body前面',!!before);var inside = pos & 8;//0console.log('html在body内部',!!inside);var contain = pos & 16;//16console.log('html包含body',!!contain);