之前一直都是用jquery写，没有尝试过原生的javascript，今天尝试着弄了一下，代码真多，注释添加的很详细，供学习交流.....

写的时候发现一些小问题：

1、javascript获取div宽高时，不能使用div.style.width等，弹窗alert(div.style.width);时会发现是一个空值，那是什么原因呢？

　　div.style.width是给div赋值宽，或者改变它的宽度

　　那么如何获取div宽呢？

　　a.<div id="container" style="width:600px;">给div添加内联样式，div.style.width，可以获取到内联样式的宽度。

　　b.查了一下网上说需要用div.offsetWidth,但是有点问题，如果给container加border时，offsetWidth是获取到container的宽度+border的宽度，这一点需要注意。

html:

 

    
         
     
    
      
        
               
               
               
               
               
               
           
      
    
      
        
               
               
               
               
           
      
    
      <    
      >
     

 

css:

1  

 

javascript:

1