如何檢查javascript中的當前標籤元素？

Question

我有一個GridView三行這樣

<tr> 
    <th>SlNo</th> 
</tr> 
<tr> 
    <td>1</td> 
</tr> 
<tr> 
    <td>2</td> 
</tr> 

我下面的代碼通過行

var GridViewRow=GridView.getElementsByTagName('tr') 

穿越這行的長度是3

我travese通過GridViewRow使用for循環。在這裏我將如何得到當前元素的標籤名稱，即（th or td）。

如果標記名是「TH」，應該返回，如果它是「TD」，它應該取TD的值。

Answer 1

這個怎麼樣

var table = document.getElementById("mytab1"); 
for (var i = 0, cell; cell = table.cells[i]; i++) {  
//iterate through cells  
//cells would be accessed using the "cell" variable assigned in the for loop 
} 

你也可以試用

var tbl = document.getElementById('yourTableId'); 
var rows = tbl.getElementsByTagName('tr'); 
for (var i = 0; i < rows.length; i++) 
{  
    if(rows[i].getElementsByTagName('td').length > 0) 
    { 
     //code to execute 
    } 
    else 
    { 
     continue; 
    } 
} 

Answer 2

var GridViewRow = GridView.getElementsByTagName('tr'); 
$(GridViewRow).each(function() { 
    var $this = $(this), td = $this.find('td'); 
    if (td.length === 1) { 
     console.log(td.text()); 
    } 
}); 

這個工程的<tr>中，你有一個確切的<td>如果你使用jQuery的，否則在普通的JavaScript試試這個：

var GridViewRow = GridView.getElementsByTagName('tr'), 
    len = GridViewRow.length, 
    td; 

    while (--len) { 
     td = GridViewRow[len].getElementsByTagName('td'); 
     if (td.length === 1) { 
      console.log(td[0].innerHTML); 
     } 
    } 
}); 

Answer 3

您可以使用jQuery檢查標籤名稱：

$(this).attr("tag"); 

後來編輯：

對於原始的JavaScript，使用tagName：

element.tagName