Создать <tr> в таблице без ID, используя JavaScript

Question

У меня вопрос о динамическом создании строки в существующую таблицу HTML. Прошу прощения, если вопрос кажется глупым, но я новичок в JavaScript. Вот HTML таблица (я не могу изменить любой HTML код здесь):

Я должен добавить строки с JavaScript, а потому, что я не могу добавить идентификатор таблицы в HTML-коде, это невозможно сделать с помощью insertRow функции(). Я пробовал с этим кодом, но он не работает (даже с getElementsByClassName ('some-tab')). Строки не создаются. Код:

var something = getElementsByTagName('table'); 
 
var tableca = something[0]; 
 

 
for (var i = 1; i < 4; i++) { 
 

 
    var tr = document.createElement('tr'); 
 

 
    var td1 = document.createElement('td'); 
 
    var td2 = document.createElement('td'); 
 

 
    var text1 = document.createTextNode('Text1'); 
 
    var text2 = document.createTextNode('Text2'); 
 

 
    td1.appendChild(text1); 
 
    td2.appendChild(text2); 
 
    tr.appendChild(td1); 
 
    tr.appendChild(td2); 
 

 
    tableca.appendChild(tr); 
 
} 
 
document.body.appendChild(tableca);

<table class="some-tab"> 
 
    <tr> 
 
    <th>Name</th> 
 
    <th>Description</th> 
 
    </tr> 
 
    <tr> 
 
    <td id="Username">Admin</td> 
 
    <td id="Description">STH STH STH!</td> 
 
    </tr> 
 
</table>

Может кто-нибудь помочь мне, пожалуйста? Большое спасибо! : D

Answer 1

Посмотрите на инструменты разработчика вашего браузера.

Uncaught ReferenceError: getElementsByTagName is not defined 

getElementsByTagName является метод document объекта и объектов DOM элементов. Это не глобально.

Просто отредактируйте первую строку кода.

var something = document.getElementsByTagName('table'); 
 
var tableca = something[0]; 
 

 
for (var i = 1; i < 4; i++) { 
 

 
    var tr = document.createElement('tr'); 
 

 
    var td1 = document.createElement('td'); 
 
    var td2 = document.createElement('td'); 
 

 
    var text1 = document.createTextNode('Text1'); 
 
    var text2 = document.createTextNode('Text2'); 
 

 
    td1.appendChild(text1); 
 
    td2.appendChild(text2); 
 
    tr.appendChild(td1); 
 
    tr.appendChild(td2); 
 

 
    tableca.appendChild(tr); 
 
} 
 
document.body.appendChild(tableca);

<table class="some-tab"> 
 
    <tr> 
 
    <th>Name</th> 
 
    <th>Description</th> 
 
    </tr> 
 
    <tr> 
 
    <td id="Username">Admin</td> 
 
    <td id="Description">STH STH STH!</td> 
 
    </tr> 
 
</table>

Answer 2

Это потому, что вы не можете использовать getElementsByTagName или ClassName в одиночку. В целом утверждение

document.getElementsByTagName('TABLE'); 

А потом он работает