js-for

主要:

   1. getElementsByTagName("");

   2.getElementById("");

   3.document.body("");

   4.for

   5.cssText

   6.this

 

首先:

  getElementsByTagName("")和getElementById("")相比来说是动态的，而且getElementById("")前面只能document，getElementsByTagName("")得到的是一堆，而getElementById("")得到的just是一个

 

然后:

 就是和java的for还是有区别的，没有array[][]这种写法

 

接着:

 cssText,用着方便很多

最后:

 this指代就不用说了

 

小练习:

 1.生成10x10:

   <script type="text/javascript">
    window.onload=function(){
	
    var adiv=document.getElementsByTagName('div');
	
	for(var i=0;i<10;i++){
	    
		for(var j=0;j<10;j++){
	    document.body.innerHTML+='<div>'+i+j+'</div>';
	 }
	}
	
	for(var i=0;i<100;i++){
	      adiv[i].style.left=i%10*60;
		  adiv[i].style.top=parseInt(i/10)*60;
		  }
	   }
  </script>

 2.this:

<script>
window.onload = function (){
	var aLi  = document.getElementsByTagName('li');
	var that = null;
	
	for( var i=0; i<aLi.length; i++ ){
		aLi[i].onmouseover = function (){
			that = this;
			fn1();
		};
		aLi[i].onmouseout = function (){
			this.getElementsByTagName('div')[0].style.display = 'none';
		};
	}
	
	function fn1(){
		that.getElementsByTagName('div')[0].style.display = 'block';
	}
};
</script>

 

  嗯，Div浮动被遮挡问题:index,position,还有就是height、width设置..