テーブルIDを持たないHTMLテーブルに新しいカラムを追加

Question

以下のコードに新しいカラムを追加するにはどうすればいいですか： テーブルIDまたはtr idまたはtd idがない場合は、これが必要です。

チェックして、あなたはアクセス用のテーブルをgetElementsByTagNameを使用することができます私に

<p>Click the button to insert new cell(s) at the beginning of the table row.</p> 

<table> 
    <tr> 
    <td>First cell</td> 
    <td>Second cell</td> 
    <td>Third cell</td> 
    </tr> 
</table><br> 

<button onclick="myFunction()">Try it</button> 

<script> 
function myFunction() { 
    var row = ?????????????? 
    var x = row.insertCell(0); 
    x.innerHTML = "New cell"; 
} 
</script> 

Answer 1

を教えてください。

var row = document.getElementsByTagName("table")[0].rows[0]; 

https://jsfiddle.net/4rmt4xmj/1/

Answer 2

var row = document.getElementsByTagName("table")[0].rows[0];を使用してa.u.b @が提供する答えは良いですが、私はXPathを使用して別のアプローチを言及したいと思います。

あなたは、要素を検査し、そのテーブルを選択し、右クリックすることができます - > [コピー] - >コピーのXPath

を次にあなたが希望要素取得するには、次のコードを使用することができます。

var elementTable = document.evaluate('/html/body/table' ,document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; 
if (elementTable != null) { 
    //do something 
} 

を

ここJsFiddle Demo

Answer 3

この

を試しています