DOM之getElementsByClassName兼容写法

window.onload = function(){
// parent 父级标签 ， tagName 需遍历的目标标签 ， className  目标标签的class的属性值
	function getElementsByClassName(parent,tagName,className ){
		var aEls = parent.getElementsByTagName(tagName);
		console.log(aEls);
		var arr = [];
		for (var i = 0; i<aEls.length; i++){
			var aClassName = aEls[i].className.split(' ');
			// console.log(aClassName);
			for (var j=0; j<aClassName.length; j++){
				if( aClassName[j] == className){
				 	arr.push( aEls[i]);
				 	break; //box box  当前标签名下，重复box，找到一个退出
				}
			}
		}
		return arr;
	}
} 

	var aLi = getElementsByClassName(ul1,"li","box");
	alert( aLi.length);
	console.log( aLi );
	for (var i = 0; i<aLi.length; i++){
		aLi[i].style.background = 'pink';
	}

　　学习妙趣视频时候，摘抄下来，以后参考。。。