2012-01-25 26 views
-1

可能重複創建行時:
Retrieve Table Row Index of Current Row如何獲得的rowIndex使用DOM

<html> 
<script> 
function addValue(a) { 

     var element1 = document.createElement('tr'); 
     var element2 = document.createElement('td'); 
     var text = document.createTextNode(a); 
     var table = document.getElementById('t'); 
     element2.appendChild(text); 
     element1.appendChild(element2); 
     table.tBodies(0).appendChild(element1); 
    } 
</script> 
Name: <input type="text" name="a"> 
<input type="button" value="Add" onClick='javascript:addValue(a.value)'> 
<table id="t" border="1"> 
<tr><th>Employee Name</th></tr> 
</table> 
</html> 

這是我的代碼示例,在對任何行現在,當用戶點擊我怎樣才能得到rowIndex

回答

1

我有這個功能,我創建,它工作得很好:

首先你在HTML改了一下:
getIndex = function (elem, collection) { 
    var index = 0; 
    for(var cont = 0; cont < collection.length; cont++){ 
     if(collection[cont].tagName == elem.tagName) 
      index++;    
     if(collection[cont] === elem) 
      break;  
    } 
    return index - 1; 
} 

像你使用它

<input type="button" value="Add" onClick='javascript:addValue(this, a.value)'> 

這可以讓你知道已經被點擊的一個;然後,你的功能:

function addValue(row, a) { 
var table = document.getElementById('t'); 
var rowIndex = getIndex(row, table); 
    .... 
}