JavaScript笔记：DOM

DOM（Document Object Model ，文档对象模型）定义了表示和修改文档所需的方法。DOM对象即为宿主对象，由浏览器厂商定义，用来操作html和XML功能的一类对象的集合（对html和XML的标准编程接口）

基本操作（增删改查）

遍历元素节点树

function retChild(node){
	var nodes = node.childNodes;
	var len = nodes.length;
	for(var i = 0; i < len; i++){
		if(nodes[i].nodeType == 1){
			console.log(nodes[i]);
			nodes[i].hasChildNodes() && retChild(nodes[i]);
		}
	}
}

返回e的第n层父节点

function retParent(e, n){
	var n = n || 0;
	if(n == 0){
		return e;
	}
	for(var i = 0; e && i < n; i++){
		e = e.parentNode;
	}
	return e;
}

**封装函数insertAfter(), 功能类似insertBefore()

Element.prototype.insertAfter = function(targetNode, afterNode){
	var beforeNode = afterNode.nextElementSibling;
	if(beforeNode == null){
		this.appendChild(targetNode);
	}else{
		this.insertBefore(targetNode, beforeNode);
	}	
}