//----------总结01.查找dom元素 document.getElementById();//通过id获取一个dom元素

document.getElementsByClassName();//通过class获取dom数组

document.getElementsByTagName();//通过标签名获取dom数组

//02.修改dom元素 dom.type = "text"//type属性

dom.innerHTML//双标签的文本值 这里注意innerText

dom.value//修改单标签的文本值,比如input

document.getElementById().style.height//注意样式需要通过style点出来,高度,宽度需要添加单位

 

1.删除dom元素

dom元素.parentNode.removeChild(dom元素)//dom元素不能自己删除自己,必须通过父元素删除自己

//删除的dom元素还在内存中,只是将他从dom树里面删除了

//04.创建dom元素 document.createElement("input");//在js中所有dom元素的创建都是通过这种方式,传入不同的标签名,返回不同的元素

dom元素.appendChild(newNode)//创建好的dom元素必须将他添加到dom树里面去才能看的到

//05.克隆dom元素

dom元素.cloneNode(true);//所有的dom元素都有这个方法,传入false 只克隆元素本身,传入 true 子元素一起克隆

//06.a标签引入js代码

<a href="javascript:这里写js代码">测试用</a>//在javascript:之后写js代码

//07.select标签的特殊

//01.通过设置select.value 可以修改被选中的option.但是设置的value值,必须有相应的option标签存在,否则没效果

//02.修改了选中的option标签会触发select标签的 onchange事件

//08.第二种绑定0级dom事件的方式

<input type='button' οnclick='这里写的是js代码'>//注意这样绑定的方法体内部的this

//09.快速获取父节点

dom元素.parentNode

//10.注意

写js的时候可能没有提示,大胆的写上去把!!!!!

 

　　

 

　　

 

    
                 
     
        
      
            NumA:
        
      
            NumB:
        
      
                                                         
        
      
            Result:
    
     

　　

 

    
                 
     
              
                   
                        
序号
                        
姓名
                        
技能
                        
操作
                   
              
         
    
     
        
      
      全选        
      删除选中    
     

　　图片文字切换

    
                 
     
        
      
            
       
1
            
       
2
            
       
3
            
       
4
        
      
    
     
    
     

　　

 

　　

 

                         鱼香肉丝        水煮肉片        鱼香茄子       
     
       
      
水煮肉片
   
     
          

　　

 

                 
         点击打招呼    
     
              div的id为divBox