parentElement Obtém o objeto pai na hierarquia de objetos.
parentNode obtém o objeto pai na hierarquia do documento.
childNodes Obtém uma coleção de elementos HTML e objetos TextNode que são descendentes diretos do objeto especificado.
children Obtém uma coleção de objetos DHTML que são descendentes diretos do objeto.
-------------------------------------------------- ------
parentNode tem a mesma função que parentElement e childNodes tem a mesma função que filhos. No entanto, parentNode e childNodes estão em conformidade com os padrões W3C e podem ser considerados relativamente universais. Os outros dois são suportados apenas pelo IE, não pelos padrões, e não são suportados pelo Firefox.
-------------------------------------------------- ------
Basta usar 2 parentNode e childNodes. As respostas acima estão todas corretas!
-------------------------------------------------- ------
Os padrões são apenas diferentes?
-------------------------------------------------- ------
Isto não é "padrões diferentes",
Os outros dois não são padrões;
Pode ser entendido como personalizado, ou seja,
-------------------------------------------------- ------
Em outras palavras, parentElement e children são coisas do próprio IE e não são reconhecidos por outros lugares.
Então, sua versão padrão é parentNode, childNodes.
As funções desses dois são iguais às de parentElement e filhos, e são padrão e universais.
-------------------------------------------------- ------
A seguir está uma explicação simples, preste atenção às diferenças nas palavras individuais:
Propriedade parentNode: recupera o objeto pai na hierarquia do documento.
[Ctrl+A para selecionar tudo Nota: Se você precisar introduzir Js externos, será necessário atualizar antes de executar]
Você viu que esse bbb aqui afeta o resultado?