Javascript, как я могу получить доступ к конкретному дочернему элементу строки?

Question

Используя Javascript, как я могу получить доступ к определенному дочернему элементу строки? Javascript (не jQuery, пожалуйста).

например: секунда <TD> из <TR>, где ID = id33322010100167

<table>
<tr id="id33322010100167">
<td>20101001</td>
<td>918</td>
<td>919</td>
<td>67</td>
<td>CAR PROBLEM</td>
</tr>
<tr id="id33322010100169">
<td>20102001</td>
<td>913</td>
<td>914</td>
<td>62</td>
<td>LUNCHTIME</td>
</tr>
<table>

Answer 1

var index = 1; // second element
var child = document.getElementById('id33322010100167').childNodes[index]

Answer 2

Может быть, вы можете попробовать это:

var tRow = document.getElementById("tableName").getElementsByTagName("tr");

for(var i = 0; i < tRow.length; i++){
    if(tRow[i].id == "name of your id"){
        //do something
    }
}

Answer 3

Наиболее надежной является коллекция cells, которая, в отличие от childNodes в браузерах без IE, будет игнорировать пробельные текстовые узлы между ячейками:

var td = document.getElementById("id33322010100167").cells[1];

Answer 4

<table id="studTable" class="table table-bordered">
     <thead>
        <tr>
           <td>Click</td>
        </tr>
     </thead>
     <tbody>
           <tr><td><a href="#" onclick="ClickRow(this)">Click</a></td></tr>
     </tbody>
</table>

для таблицы выше вы можете использовать что-то, связанное с этим. Вы можете прочитать выбранную строку, щелкнув строку / ячейку внутри строки и прочитав значения ячейки и / или удалив строку из таблицы

function ClickRow(r) {
        console.log(r.parentNode.parentNode.cells[0].innerHTML); //Read First Cell in Row
        var i = r.parentNode.parentNode.rowIndex;
        document.getElementById("studTable").deleteRow(i); //Remove Row
    }

Answer 5

Используйте jQuery :

first = $('#id33322010100167 td:first'); // gives you the first td of the tr with id id33322010100167 
last = $('#id33322010100167 td:last'); // gives you the last td of the tr with id id33322010100167 

, вы можете использовать next () для перебора элементов

first.next();

Answer 6

Используя DOM, вы можете получить таблицу, а затем перебрать дочерние элементы, сохраняя при этом счет.

Конечно, идентификаторы элементов должны быть уникальными, поэтому document.getElementById('id') работает.