Neue Spalte zur HTML-Tabelle hinzufügen, die keine Tabellen-ID hat

Question

Wie kann ich eine neue Spalte im folgenden Code hinzufügen, Ich brauche dies, wenn es keine Tabelle ID oder tr ID oder ID ID gibt.

Bitte überprüfen Sie und sagen Sie mir

<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

Sie getElementsByTagName Ihre Tabellen für den Zugang nutzen können.

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

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

Answer 2

Die von @ bereitgestellt Antwort a.u.b mit var row = document.getElementsByTagName("table")[0].rows[0]; gut ist, aber ich möchte einen alternativen Ansatz XPath mit erwähnen.

Sie können inspizieren-Element und wählen Sie dann die Tabelle und Rechtsklick -> Kopieren ->Copy XPath

Dann können Sie den folgenden Code verwenden, um das gewünschte Element zu erhalten:

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

Hier ist der JsFiddle Demo

Answer 3

diese

Versuchen