打死都不会忘记的JS获取HTMLDOM节点总结

写项目的时候要写一点源生JS，然后写了半天的document.getElementById。突然发现其他获取元素的方法在记忆里都挺模糊了，于是百度之，记了一下，两个小时之后发现再次模糊。怒而写Blog，写一个记忆强化版给自己强化一下记忆，以便做到信手拈来。
一次写完：
1.直接获取

getElementById:用ID取元素
getElementsByTagName：用标签名取元素，一般返回数组合集。
getElementsByName：用name属性取元素。

2.通过父节点
parentObj.firstChild:取FirstChild（首个子元素）
parentObj.lastChild:取lastChild（最后一个子元素）
parentObj.childNodes:已知节点序号取元素。

3.通过临近节点
neighbourNode.previousSibling：获取已知节点的前一个节点
neighbourNode.nextSibling：获取已知节点的后一个节点

4.通过子节点获取
childNode.parentNode ：获取已知节点的父节点。

如果只写到这里，那么这篇Blog就没有啥意义了。反正该模糊的也继续模糊。
于是，我决定总结一波记忆方法，让自己永远不会忘掉。

一共分为四种：直接获取，父节点，临近节点，子节点。取第一个字，直父临子。排序一下，父子直临，谐音父子植林。这样就好记了。
父节点获取方式就是Child序号，第一个和最后一个是First和Last,很好记。
子节点获取就是只能获取子节点的父节点，CNPN——chindNode.parentNode
直接获取就是getElementBy+xxx，ID,Name,TagName,TIN.
临近节点就是前NNPS,后NNNS，主要记住previous这个单词就行，不然基础NNPS也可以很容易的通过IDE补足。

嗯，这样记就很难忘记了~