JS documentの常用方法のまとめ

2699 ワード

もっと読む
    1.      
    document.getElementById(id);  
           id            
      
    document.getElementsByName(name);  
                   
      :Elements  
      
    document.getElementsByTagName(tagname);  
                    
      :Elements  
      
    document.getElementsByClassName(classname);  
          class          
      :Elements  
      
    2.      
    document.createElement(eName);  
            
      
    document.createAttribute(attrName);  
               
      
    document.createTextNode(text);  
            
      
    3.      
    document.insertBefore(newNode,referenceChild);  
                
      
    parentNode.appendChild(newNode);  
                
      
    4.      
    cloneNode(true  |  false );  
            
      :              
      
    5.      
    parentNode.removeChild(node)  
                
    node         
      :IE               (  ,    ), Mozilla     。              ,                          ,      。   ,                     。  
                1,                 ,          ,                。                       。      ,       Internet Explorer   Mozilla        。  
      
    6.        
    appendData(data);  
     data          
      
    deleteData(start,length);  
      start   length     
      
    insertData(start,data)  
     start     ,start     0;  
      
    replaceData(start,length,data)  
     start  data  length     
      
    splitData(offset)  
     offset         
      
    substringData(start,length)  
     start   length     
      
    7.      
    getAttribute(name)  
                      
      
    setAttribute(name,value);  
                
      
    removeAttribute(name)  
            
      
    8.      
    parentObj.firstChild  
                             。             
    parentObj.firstChild.firstChild.....  
      
    parentObj.lastChild  
                 , firstChild             
    parentObj.lastChild.lastChild.....  
      
    parentObj.childNodes  
              ,                 
      
    9.         
    neborNode.previousSibling :                 
    nerbourNode.nextSlbling:               
      
    10.       
    childNode.parentNode: