Offsetparent directly will be the upper element that affects the position of the elements, while the parentelement is independent of the position display when the upper element in the DOM. For example: <BODY> <div style= "border:1px solid black;position:absolute;" > <form> <input type= "checkbox" Id= "CC" > </form> </div> This example, "CC" The offsetparent of the element is a div, and if the position attribute of the DIV is removed, then CC's offsetparent becomes body. And parentelement has always been a form. There are also two properties related to Offsetleft and offsettop, each representing the left and top distances of the element corresponding to the offsetelement. Like the parentnode and parentelement functions, childnodes and children function the same. But ParentNode and ChildNodes are in line with the standard, can be said to be more general. And the other two is only IE support, not the standard, Firefox does not support.
Parentnode,parentelement,offsetparent