Differences between parentNode, parentElement, childNodes and children in Js _ javascript tips-js tutorial

This article mainly analyzes and introduces the differences between parentNode, parentElement, childNodes and children in Js. For more information, see, we hope this will help parentElement to obtain the parent object in the object hierarchy.
ParentNode obtains the parent object in the document level.
ChildNodes obtains the set of HTML elements and TextNode objects that are directly descendant of a specified object.
Children obtains the set of DHTML objects that are directly descendant of objects.

--------------------------------------------------------

The parentNode and parentElement functions the same, while the childNodes and children functions the same. However, parentNode and childNodes comply with W3C standards and are more common. The other two are only supported by IE. Firefox does not support the other two.

--------------------------------------------------------

Use this parentNode and two childNodes. The upstairs are all positive solutions!

--------------------------------------------------------

Is the standard different?

--------------------------------------------------------

This is not "different standards ",
The other two are not standards at all,
It can be understood as ie custom

--------------------------------------------------------

That is to say, parentElement and children are the items of IE, which are not recognized elsewhere.
Their Standard Edition is parentNode and childNodes.
These two functions are the same as parentElement and children, and are standard and common.

--------------------------------------------------------

The following is a simple explanation. Note the differences between individual words:
ParentNode Property: Retrieves the parent object in the document hierarchy.

ParentElement Property: Retrieves the parent object in the object hierarchy.

ChildNodes:
Retrieves a collection of HTML Elements and TextNode objects that are direct descendants of the specified object.

Children:
Retrieves a collection of DHTML Objects that are direct descendants of the object.

--------------------------------------------------------

I also took two paragraphs from the dhtml manual ^_^
ParentElement children:
There is no public standard that applies to this property/collection.
ParentNode childNodes:
This property/collection is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1.

Many W3C standards are supported only from IE5
IE4 used to only use ie's own Method

========================================================== ====

<P id = "test1"> bbb <p> aaa </p> script alert (document. getElementById ("test1 "). childNodes. length); alert (document. getElementById ("test1 "). children. length); script
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]

No. This bbb affects the result.