节点操作

时间：2020-06-05 22:45:01 阅读：76 评论：0 收藏：0 [点我收藏+]

技术图片

// 父节点 parentNode

// var erweima = document.querySelector(‘.erweima‘);

var ul = document.querySelector(‘ul‘);

var lis = ul.querySelectorAll(‘li‘);

// var box = document.querySelector(‘.box‘);

// console.log(box);

// 得到离元素最近的父级节点

// console.log(erweima.parentNode);

// 1 子节点

// console.log(ul.childNodes);

// 2 children 常用的方法

console.log(ul.children);

技术图片

// 创建元素节点

var li = document.createElement(‘li‘);

// 添加节点

var ul = document.querySelector(‘ul‘);

// 后面追加元素

ul.appendChild(li)

// 前面添加节点 insertBefore(child, 指定元素)

var lili = document.createElement(‘li‘);

ul.insertBefore(lili, ul.children[0]);

原文地址：https://www.cnblogs.com/ericblog1992/p/13052505.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

周排行