当前位置: 代码迷 >> Web前端 >> 仿照jquery选择器 $('id') $('className')
  详细解决方案

仿照jquery选择器 $('id') $('className')

热度:511   发布时间:2012-11-07 09:56:10.0
模仿jquery选择器 $('#id') $('.className')
function $(ss){
	var start=ss.substring(0,1);
	var obj=null;
	switch(start){
		case '#':
			obj=document.getElementById(ss.substring(1));
			break;
		case '.':
			obj=new Array();
			var all=document.getElementsByTagName('*');
			for(var i=0;i<all.length;i++){
				if(all[i].nodeType==1 && all[i].getAttribute('class')==ss.substring(1)){
					obj.push(all[i]);
				}
			}
			break;
		default:
			break;
	}
	if(obj!=null){
		if(obj.length){
			alert(obj.length);
		}else{
			alert(obj.innerHTML);
		}
	}
}
window.onload=function(){
	$('#book');
        $('.book');
}
<div id='book'>book</div>
<div class='book'>
	<div class='book'>
		<div class='book'>book</div>
	</div>
</div>
<div class='book'>
	<div class='book'>book</div>
</div>
<div class='book'>book</div>
  相关解决方案