JavaScriptノートをよく勉強してください.

12308 ワード

JavaScript js。職場レジャー操作テーブル

get Attribute、setAttributeは、設定対象との属性を取得します.


  
  
  
  
   
   
   
   function documentTest(){ 
   
   
   
               var oHtml = document.documentElement;   //  <html/>   
   
   
   
               var oHead = oHtml.firstChild;  //  <head/> 
   
   
   
               var oBody = oHtml.lastChild;  //  <body/> 
   
   
   
               oBody.setAttribute("id","bodyId");    
   
   
   
               alert(oBody.getAttribute("id"));       
   
   
   
   }

HTML要素を作成:


   
   
   
   
    
    
    
    function createNode(){ 
    
    
    
            var oP = document.createElement("p");   //  p   
    
    
    
            var sText = document.createTextNode("    ");   //      "    "       
    
    
    
            oP.appendChild(sText);    //  sText oP         
    
    
    
            document.body.appendChild(oP);  
    
    
    
    }

除去(2つの方法):


   
   
   
   
    
    
    
    function deleteNode(){ 
    
    
    
            var oP = document.body.getElementsByTagName("p")[0]; 
    
    
    
            /*document.body.removeChild(oP); */ 
    
    
    
            oP.parentNode.removeChild(oP);   
    
    
    
        }

置換:


   
   
   
   
    
    
    
    function replaceP(){ 
    
    
    
            var oNewOp = document.createElement("p"); 
    
    
    
            var sNewText = document.createTextNode("  "); 
    
    
    
            oNewOp.appendChild(sNewText); 
    
    
    
            var oP = document.body.getElementsByTagName("p")[0]; 
    
    
    
            oP.parentNode.replaceChild(oNewOp,oP);   
    
    
    
    }

新しいメッセージを古いメッセージの前に表示させます.


   
   
   
   
    
    
    
    function insertNode(){ 
    
    
    
            var oP = document.createElement("p");    
    
    
    
            var sText = document.createTextNode("   ");    
    
    
    
            oP.appendChild(sText);    
    
    
    
            var ooP = document.body.getElementsByTagName("p")[0]; 
    
    
    
             
    
    
    
            /** 
    
    
    
             *       、       、                
    
    
    
             */ 
    
    
    
            document.body.insertBefore(oP,ooP);        
    
    
    
    }

createdocument Fragment()ドキュメントの破片:javaScript最適化において言及されています.


   
   
   
   
    
    
    
     /** 
    
    
    
         *      
    
    
    
         *         document.body(        ) 、              、 
    
    
    
         *        、     、           。  、   document       、 
    
    
    
         *           、           。       、          、 
    
    
    
         *            、                document 。 
    
    
    
         *   javaScript     、        
    
    
    
         */ 
    
    
    
        function createDocument(){ 
    
    
    
            var array = ["    ","    ","    ","   ","   ","   ","  ","  ","  ","  ","   "]; 
    
    
    
            var oF = document.createDocumentFragment();  
    
    
    
            for(var i=0;i<array.length;i++){ 
    
    
    
                var oP = document.createElement("p");    
    
    
    
                var sText = document.createTextNode(array[i]);      
    
    
    
                oP.appendChild(sText);    
    
    
    
                oF.appendChild(oP);     
    
    
    
            } 
    
    
    
            document.body.appendChild(oF);    
    
    
    
        }

テーブルを操作する二つの方法


   
   
   
   
    
    
    
    function createTable(){ 
    
    
    
            var oTable = document.createElement("table"); 
    
    
    
            oTable.setAttribute("border","1"); 
    
    
    
            oTable.setAttribute("width","100%"); 
    
    
    
             
    
    
    
            var oTBody = document.createElement("tbody");   
    
    
    
            oTable.appendChild(oTBody);  
    
    
    
             
    
    
    
            //     
    
    
    
            oTBody.insertRow(0); 
    
    
    
            oTBody.rows[0].insertCell(0); 
    
    
    
            oTBody.rows[0].cells[0].appendChild(document.createTextNode("  (  )")); 
    
    
    
            oTBody.rows[0].insertCell(1); 
    
    
    
            oTBody.rows[0].cells[1].appendChild(document.createTextNode("  (  )"));   
    
    
    
             
    
    
    
            oTBody.insertRow(1); 
    
    
    
            oTBody.rows[1].insertCell(0); 
    
    
    
            oTBody.rows[1].cells[0].appendChild(document.createTextNode("  ")); 
    
    
    
            oTBody.rows[1].insertCell(1);   
    
    
    
            oTBody.rows[1].cells[1].appendChild(document.createTextNode("  "));    
    
    
    
              
    
    
    
            //    table   
    
    
    
            var oTr = document.createElement("tr");   
    
    
    
            oTBody.appendChild(oTr); 
    
    
    
            var oTd1 = document.createElement("td"); 
    
    
    
            oTd1.appendChild(document.createTextNode("  "));   
    
    
    
            oTr.appendChild(oTd1);  
    
    
    
            var oTd2 = document.createElement("td");   
    
    
    
            oTd2.appendChild(document.createTextNode("   "));    
    
    
    
            oTr.appendChild(oTd2);       
    
    
    
              
    
    
    
             
    
    
    
            document.body.appendChild(oTable);     
    
    
    
        }

作成uuntu 16.04(12.04)自動インストールiso鏡像(マニュアルパーティションのみ、他の自動)