一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

javascript定时器dom节点及选项卡案例

时间:2016-08-08 编辑:简简单单 来源:一聚教程网

一、定时器

1、setTimeout("fun()",time);
fun()//调用方法函数名

time//间隔多久执行一次fun(),用毫秒表示1000毫秒等于1秒

注意:只执行一次

clearTimeout();//清除setTimeout

2、setInterval("fun()",time);
fun()//调用方法函数名

time//间隔多久执行一次fun(),用毫秒表示1000毫秒等于1秒

注意:循环执行

clearInterval();//清除setInterval

//定时器案例

   


   


        
        
   



      
   
   
   
   
   
   

二、对节点的操作

1、document节点对象
我们用js操作dom对象,操作无非是增删改查,操作之前先查找节点。

document属性:

document.title;//修改title标签

document.bgColor;//修改背景色

document方法:

document.write(string);

document.createElement(tag)//创建标签节点

document.createTextNode(string)//创建文本节点

document.getElementById(id)//通过标签id找节点

document.getElementsByTagName(tag)//通过标签名找节点,反馈数组

document.getElementByName(name)//通过标签中name属性属性找节点(往往用来查找input元素)

//javascript-dom节点案例

    
    
    
    

pcontent


    

        
son

    

    

pcontent



    
2、标签节点对象属性和方法
属性:

innerHTML;//获取该对象的文本标签所包含html,文本内容

innerText;//获取该对象的文本内容

方法:

appendChild(子节点);//在父节点中添加子节点

renoveChild(子节点);//在父节点中删除子节点


///选项卡案例






javascript-选项卡


     国内
     体育
     游戏
     娱乐
    


        

            

                    
  • 11111

  •                 
  • 11111

  •                 
  • 11111

  •                 
  • 11111

  •             

        

        
        
        
    


    

热门栏目