DOM基本操作二

事件代理操作:

//有如下代码，要求当点击每一个元素li时控制台展示该元素的文本内容。不考虑兼容

    
这里是
    
饥人谷
    
前端6班

var ul=document.getElementById('ct');

function ulclick(e){
    console.log(e.target.innerText);
}
ul.addEventListener('click', ulclick);

添加节点操作：

    
这里是
    
饥人谷
    
前端6班


开头添加
结尾添加
    

节点属性操作：

    
鼠标放置查看图片1
    
鼠标放置查看图片2
    
鼠标放置查看图片3

轮播头图:

//实现Tab切换的功能
 

   

     
tab1
     
tab2
     
tab3
   
   
内容1
   
内容2
   
内容3