Как создать тег TBody в таблице с использованием чистого JavaScript?

Как тэг TBody, созданный в теге таблицы, используя чистый JavaScript? (Нет ручного вмешательства в HTML-код). Существуют функции HTMLTableElement.createTHead() и HTMLTableElement.createTFoot(), но нет функций, относящихся к элементу TBody. Чтобы добавить к этому, как только вы создали элемент THead, все следующие строки, добавленные в таблицу с помощью HTMLTableElement.insertRow(), добавляются в элемент THead.

Как же вы могли бы приступить к созданию элемента TBody под THead без ручного вмешательства с HTML?

Ответ 1

Из DOM Уровень 1 spec

Интерфейс HTMLTableElement

Способы создания и удаления в таблице позволяют авторам создавать и изменить таблицы. HTML 4.0 указывает что только один из каждого из CAPTION, THEAD и TFOOT могут существовать в стол. Поэтому, если таковой существует и createTHead() или createTFoot() метод вызывается, метод возвращает существующий элемент THead или TFoot.

Итак, createTHead и createTFoot - это удобные методы, которые необязательно делают фактическое создание.

В отличие от этого, элементы таблицы могут иметь как можно больше <tbody>, так что вам не нужен специальный метод, а HTMLTableElement.appendChild(document.createElement('tbody')) выполнит полную работу.