一些常用的跨浏览器DOM操作（next,prev,children）

以前一直没有细心去探究这些个浏览器的dom操作，所有很有必要总结一下。

一是为了自己以后不再出错；

二是避免自己以后有疑问就去找；

总之就是有必要总结一下：

function $(a){
	return document.getElementById(a);
}
// IE 下如果节点是内联元素（非样式设置：display:block）则获取的nextSibling的节点为文本节点(没有空格除外)
// eg: 
// <span id="tt">tt</span> <span>aa</span> $('tt').nextSibling.nodeType == 3
// <p id="tt">tt</p> <p>aa</p> $('tt').nextSibling.nodeType == 1
// <p id="tt">tt</p> me <p>aa</p> $('tt').nextSibling.nodeType == 3
// 同理getPrev

// 获取下一个子节点
function getNext(el){
	var next = el.nextElementSibling||el.nextSibling;
	if(next.nodeType != 1) return arguments.callee(next);
	return next;
}
// 获取上一个子节点
function getPrev(el){
	var prev = el.previousElementSibling||el.previousSibling;
	if(prev.nodeType != 1) return arguments.callee(prev);
	return prev;
}
// 获取第一个节点
function getFirstChild(el){
	var first = el.firstElementChild||el.firstChild;
	if(first.nodeType != 1) return arguments.callee(first);
	return first;
}
// 获取最后一个节点
function getLastChild(el){
	var last = el.lastElementChild||el.lastChild;
	if(last.nodeType != 1) return arguments.callee(last);
	return last;
}
// 获取所有的HTMLELEMENT孩子节点
function getChildren(el){
	return el.children;
}
// 获取所有孩子节点
function getChildNodes(el){
	return el.childNodes;
}

就这样吧。