DOM节点操作阶段性总结

HTML中能看到的所有东西都是dom树中的一个节点,注意是“所有”,使用childNodes()可以看到,回车(换行)也是一个节点

DOM节点操作阶段性总结

从上图可以看到,select中有四个option,但是有9个节点。

DOM节点操作阶段性总结

点开一个节点后发现这个节点是回车,且是一个文本节点。

值得一提的是childNodes()会返回所有的子节点,但不会返回孙子节点

另外,对于insertBefore()与appendChild(),前者是在父节点的某个子节点前插入节点(所以有两个参数,新节点、子节点),后者是在父节点的最后插入一个节点(只有一个参数,新节点)。