原生js 对dom 的操作

inserBefore

父 node.inserBefore(newNode,被插入之前的node);

inserBefore 是改变原 dom 节点的。

有个需求是在某个 dom(同级)之前插入新的 dom 节点, 然后 inserBefore 就排上用场了。

基本的用法就这样了

list.insertBefore(node,list.childNodes[3]);

还有经我研究标明, inserBefore 的 list.childNodes[ i ] 不一定要存在,这就说明 list.childNodes[i] 可以是最后一个不存在的子节点, 这样就可以往后面插入新的子节点了。

eq:

 list 2 的节点 Milk 要插入 list1 的最后一位

原生js 对dom 的操作

原生js 对dom 的操作

 

 这里 childNodes[2] 是不存在的,

执行结果为:

原生js 对dom 的操作

 

原生js 对dom 的操作

上一篇:郁闷的IE字体大小变化问题


下一篇:Java微信小程序开发_00_资源帖