DOM traversing rules suggestions

[fregante]

More readable

• .childNodes[0] -> .firstChild
• .children[0] -> .firstElementChild

More robust

• .children[1] -> .querySelector('selector')
• .children[1].children[2] -> .querySelector('selector')
• .parentElement.parentElement -> .closest('selector')
• .querySelector('a').querySelector('b') -> .querySelector('a b')

[sindresorhus]

Any rule name suggestions?

[Manu1400]

I have code for :

• .childNodes[0] -> .firstChild
• .children[0] -> .firstElementChild
• .querySelector('a').querySelector('b') -> .querySelector('a b')

But i don't have idea for a rule name.

[fregante]

better-dom-traversing? readable-*? Safer?

[sindresorhus]

I like better-dom-traversing.