1.Node类型

//html内容  	 
    
  		
     
one
		   
     
two
		   
     
three
  	 
    

//基本初始化	var ul=document.getElementById('myUl');	console.log(ul.childNodes.length);//7,三个元素节点，四个文本节点（换行）	var newLi= document.createElement("li");	newLi.innerHTML="four";

//appendChild()在列表末尾添加节点      ul.appendChild(newLi);

//insertBefore()在列表任意位置添加节点	ul.insertBefore(newLi,null);//插入后成为最后一个字节点	ul.insertBefore(newLi,ul.firstChild);//插入后成为第一个节点	ul.insertBefore(newLi,ul.lastChild);//插入到最后一个字节点前面	console.log(newLi == ul.childNodes[ul.childNodes.length-2]);//true

//replaceChild()，接收参数：要插入的节点和要替换的节点       ul.replaceChild(newLi,ul.firstChild);

//removeChild()移除节点        ul.removeChild(ul.lastChild);

2.Document类型

//获取radio的值    
    
    	
     
    		
      
    			Red				    		
			
      
				Yellow							
			
      
				Blue							
    	
     
		
     点击查看选择的值    
    

var colorName=null;	 var radios=document.getElementsByName('color');	 //获取选择的值	 function selector(){	  for(var i=0 ;i < radios.length ; i++){	 	if(radios[i].checked){			colorName=radios[i].value;		}	  }	   console.log(colorName);	 }