Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 激情综合欧美,91天堂影院,中文一区在线 

      

        

          



          
	
          
		
          
			
			
          
				
          整合營銷服務商
          
				
          電腦端+手機端+微信端=數據同步管理
          
			
          
			
          				
				
          免費咨詢熱線：
          			
			
          
		
          
	
          
		
	
	
	

          


          
	

          

 

          
  
          
    
          
      
          
        
          「HTML」操作表格
          
        
           
          
	
	
          
		
                        
          lt;table>元素是HTML中最復雜的結構之一。要想創建表格，一般都必須涉及表示表格行、單元格、表頭等方面的標簽。由于涉及的標簽多，因而使用核心DOM方法創建和修改表格往往都免不了要編寫大量的代碼。假設我們要使用DOM來創建下面的HTML表格。
          <table border="1" width="100%">
          <tbody>
          <tr>
          <td>Cell 1,1</td>
          <td>Cell 2,1</td>
          </tr>
          <tr>
          <td>Cell 1,2</td>
          <td>Cell 2,2</td>
          </tr>
          </tbody>
          </table>

          要使用核心DOM方法創建這些元素，得需要像下面這么多的代碼：
          //創建table
          var table = document.createElement("table");
          table.border = 1;
          table.width = "100%";

          //創建tbody
          var tbody = document.createElement("tbody");
          table.appendChild(tbody);

          //創建第一行
          var row1 = document.createElement("tr");
          tbody.appendChild(row1);
          var cell1_1 = document.createElement("td");
          cell1_1.appendChild(document.createTextNode("Cell 1,1"));
          row1.appendChild(cell1_1);
          var cell2_1 = document.createElement("td");
          cell2_1.appendChild(document.createTextNode("Cell 2,1"));
          row1.appendChild(cell2_1);

          //創建第二行
          var row2 = document.createElement("tr");
          tbody.appendChild(row2);
          var cell1_2 = document.createElement("td");
          cell1_2.appendChild(document.createTextNode("Cell 1,2"));
          row2.appendChild(cell1_2);
          var cell2_2= document.createElement("td");
          cell2_2.appendChild(document.createTextNode("Cell 2,2"));
          row2.appendChild(cell2_2);

          //將表格添加到文檔主體中
          document.body.appendChild(table);

          顯然，DOM代碼很長，還有點不太好懂。為了方便構建表格，HTML DOM還為<table>、<tbody>和<tr>元素添加了一些屬性和方法。
          為元素添加的屬性和方法如下。

          caption：保存著對<caption>元素（如果有）的指針。
          tBodies：是一個<tbody>元素的HTMLCollection。
          tFoot：保存著對<tfoot>元素（如果有）的指針。
          tHead：保存著對<thead>元素（如果有）的指針。
          rows：是一個表格中所有行的HTMLCollection。

          createTHead()：創建<thead>元素，將其放到表格中，返回引用。
          createTFoot()：創建<tfoot>元素，將其放到表格中，返回引用。
          createCaption()：創建<caption>元素，將其放到表格中，返回引用。
          deleteTHead()：刪除<thead>元素。
          deleteTFoot()：刪除<tfoot>元素。
          deleteCaption()：刪除<caption>元素。
          deleteRow(_pos_)：刪除指定位置的行。
          insertRow(_pos_)：向rows集合中的指定位置插入一行。
          為<tbody>元素添加的屬性和方法如下。
          rows：保存著<tbody>元素中行的HTMLCollection。
          deleteRow(pos)：刪除指定位置的行。

          insertRow(pos)：向rows集合中的指定位置插入一行，返回對新插入行的引用。
          為<tr>元素添加的屬性和方法如下。
          cells：保存著<tr>元素中單元格的HTMLCollection。
          deleteCell(pos)：刪除指定位置的單元格。
          insertCell(pos)：向cells集合中的指定位置插入一個單元格，返回對新插入單元格的引用。
          使用這些屬性和方法，可以極大地減少創建表格所需的代碼數量。例如，使用這些屬性和方法可以將前面的代碼重寫如下（加陰影的部分是重寫后的代碼）。
          //創建table
          var table = document.createElement("table");
          table.border = 1;
          table.width = "100%";

          //創建tbody
          var tbody = document.createElement("tbody");
          table.appendChild(tbody);

          //創建第一行tbody.insertRow(0);tbody.rows[0].insertCell(0);tbody.rows[0].cells[0].appendChild(document.createTextNode("Cell 1,1"));tbody.rows[0].insertCell(1);tbody.rows[0].cells[1].appendChild(document.createTextNode("Cell 2,1"));//創建第二行tbody.insertRow(1);tbody.rows[1].insertCell(0);tbody.rows[1].cells[0].appendChild(document.createTextNode("Cell 1,2"));tbody.rows[1].insertCell(1);tbody.rows[1].cells[1].appendChild(document.createTextNode("Cell 2,2"));

          //將表格添加到文檔主體中
          document.body.appendChild(table);

          在這次的代碼中，創建<table>和<tbody>的代碼沒有變化。不同的是創建兩行的部分，其中使用了HTML DOM定義的表格屬性和方法。在創建第一行時，通過<tbody>元素調用了insertRow()方法，傳入了參數0——表示應該將插入的行放在什么位置上。執行這一行代碼后，就會自動創建一行并將其插入到<tbody>元素的位置0上，因此就可以馬上通過tbody.rows[0]來引用新插入的行。
          創建單元格的方式也十分相似，即通過<tr>元素調用insertCell()方法并傳入放置單元格的位置。然后，就可以通過tbody.rows[0].cells[0]來引用新插入的單元格，因為新創建的單元格被插入到了這一行的位置0上。
          總之，使用這些屬性和方法創建表格的邏輯性更強，也更容易看懂，盡管技術上這兩套代碼都是正確的。

          想要了解更多Java基礎知識，可以點擊評論區鏈接和小編一起學習java吧，此視頻教程為初學者而著，零基礎入門篇！給同學們帶來全新的Java300集課程啦!java零基礎小白自學Java必備優質教程_手把手圖解學習Java，讓學習成為一種享受_嗶哩嗶哩_bilibili
           ?
          ：表格
          1、表格由 <table> 標簽來定義
          2、每個表格均有若干行（由 <tr>標簽定義），每行被分割為若干單元格（由 標簽定義）。字母 td 指表格數據（table data），即數據單元格的內容
          3、數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等
          1、橫跨列行
          2、表格間距
                              	
          
	
	

          

          

 
          
        
        
		  
      
          
      
      
          
    
          
  
          

          



 


			
		





          
  
          
    
  
          

          

          
	
          
		
		
		
          
	
          


          
 

 







主站蜘蛛池模板：
亚洲一区二区高清|
日韩毛片基地一区二区三区|
久久99国产精品一区二区|
国产福利电影一区二区三区久久久久成人精品综合
|
精品国产AV无码一区二区三区|
亚洲一区精品伊人久久伊人|
无码精品尤物一区二区三区|
国产一区二区三区高清视频|
福利国产微拍广场一区视频在线|
久久精品一区二区三区四区|
视频在线一区二区|
日韩在线一区视频|
亚洲色无码专区一区|
无码人妻精品一区二区三区久久
|
亚洲AV日韩综合一区|
蜜桃臀无码内射一区二区三区|
国产精品毛片a∨一区二区三区|
少妇人妻精品一区二区|
国产一区二区三区乱码网站|
秋霞无码一区二区|
91在线精品亚洲一区二区|
色欲AV蜜臀一区二区三区|
国产午夜精品一区二区三区|
精品国产一区二区22|
四虎永久在线精品免费一区二区
|
伦精品一区二区三区视频|
日本高清不卡一区|
久久国产精品最新一区|
色一乱一伦一图一区二区精品|
久久久久无码国产精品一区|
久久久无码精品国产一区|
乱码精品一区二区三区|
亚洲一区二区三区高清在线观看|
精品国产一区AV天美传媒|
中文激情在线一区二区|
理论亚洲区美一区二区三区|
波多野结衣av高清一区二区三区|
北岛玲在线一区二区|
亚洲av高清在线观看一区二区|
色视频综合无码一区二区三区|
AV怡红院一区二区三区|