培训第三节课笔记(DOM,)

HTML5第三节课笔记

一.定时器,延时器

setInterval (反复执行)----------clearInterval

setTimeout(只执行一次)-----------clearTimeout   //延时用到倒计时

一般集合运动使用

实例:小鱼移动

  var oFish=document.getElementById('fish');

     var timer=null;

     timer=setInterval(function(){

                if(oFish.offsetLeft<=150)

                {

                    clearInterval(timer);

                   

                }

                else{

                   

                 oFish.style.left=oFish.offsetLeft-7+'px';  

                    }

                },50);

 

二.动态修改样式:

(1)className属性 将样式作为单独的样式,适合提前就知道样式

 

      oDiv=document.getElementById('myDiv');

                    oDiv.className='forback';

 

(2)style属性:odiv.style.backgroundColor="red";

      style属性适宜于值的动态改变

 

 

三dom操作之value属性

   一般用于input中  可以获取值,也可以修改值

             

你可能感兴趣的:(HTML5培训笔记)