欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

DOM节点操作阶段性总结

程序员文章站 2022-05-02 12:28:30
HTML中能看到的所有东西都是dom树中的一个节点,注意是“所有”,使用childNodes()可以看到,回车(换行)也是一个节点。 从上图可以看到,select中有四个option,但是有9个节点。 点开一个节点后发现这个节点是回车,且是一个文本节点。 值得一提的是childNodes()会返回所 ......

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

DOM节点操作阶段性总结

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

DOM节点操作阶段性总结

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

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

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