节点的访问关系

<div class = "box1">
<div class = "box2" id = "box2></div>
<div class = "box3"></div>
</div>
<script>
//节点的访问关系是以属性的形式存在

box1 是box的父节点
var box2 = document.getElementByClassName("box2")[0];
var box2 = document.getElementById（"box2"）;
//2.neteElementSibling下一个兄弟节点
console.log(box2.netElementSibling);
//firstElementChild第一个子节点
console.log(box2.parentNode.firstElementChild）；
//所有子节点
console.log(box2.parentNode.childNodes);
console.log(box2.aprentNode.children);


//节点的操作
//1创建节点
var aaa = document.creatElement("li");
var bbb = document.creatElement("afasdflsfja");
//添加
var box1 = document.getElementsByClassName("box1")[0];
box1.appendChild(aaa);
box2.insertBefor(bbb，aaa）；
//删除
box1.removeChild(bbb);
aaa.parentNode.removeChild(aaa);//自杀，自己删除自己
//克隆
var ccc = box1.cloneNode();
var ddd = box1.cloneNode(true);