DOM元素的操作

1.操作dom元素的子父节点

var nav = document.getElementById("nav");//获取元素
console.log(nav.childElementCount);//输出子节点个数
console.log(nav.childNodes);//获取所有的节点（集合类型）
console.log(nav.children);//子元素
//找兄弟元素
var lilist = document.getElementById("lilist");//先获取元素
console.log(lilist.nextSibling);//下一个节点
console.log(lilist.nextElementSibling);//下一个元素
console.log(lilist.previousSibling);//上一个节点
console.log(lilist.previousElementSibling);//上一个元素
console.log(nav.firstElementChild);//父元素中第一个元素
console.log(nav.firstChild);//父元素中第一个节点
console.log(nav.lastChild);//父元素中最后一个节点
console.log(nav.lastElementChild);//父元素中最后一个元素

2.dom元素的动态创建

	var s = document.createElement("li");//创建一个li
    s.innerHTML = "5";//文本值是5
    s.className = "lilast";//classname是lilast

3.给动态元素添加事件

	s.onclick=function (){
     console.log(1);
     }
    nav.appendChild(s);//把s事件添加给nav