1. Динамическая загрузка таблиц
1. Сначала установите идентификатор добавляемой позиции таблицы в html.
То есть напишите тег div внутри тега body HTML, чтобы указать, что таблица должна быть добавлена внутрь этого div. следующее
<div id="tdl"><div>
2. Напишите оператор добавления таблицы на JavaScript.
Если он находится в текущем html-файле, он записывается внутри тега <script>, например:
Скопируйте код кода следующим образом:
<script type="text/javascript" >
document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>" //Добавленная здесь таблица может быть создана в соответствии с вашими потребностями
</скрипт>
Если вы импортируете файл js, напишите следующий оператор непосредственно в файле js (предполагая, что это test.js)
Скопируйте код кода следующим образом:
document.getElementById("tbl").innerHTML="<table><tr><td></td></tr></table>"
Затем введите свой собственный HTML-файл
Скопируйте код кода следующим образом:
<script type="text/javascript" src="test.js"></script>
2. Динамическое добавление строк таблицы
1. Сначала установите идентификатор добавляемой позиции строки таблицы в HTML. Эта позиция должна находиться внутри <tbody> (не совсем точно, но я пришел к такому выводу на основе своего теста. Если у вас есть другие методы, оставьте сообщение. , спасибо), вот так
Скопируйте код кода следующим образом:
<таблица>
<thead></thead>
<tfoot><tfoot> //tfoot и head используются вместе с tbody, но когда я писал, их можно было не использовать.
<tbody id="rows"></tbody>
</таблица>
[/s/S ]*/n
2. В содержимом javascript необходимо сначала создать строки и ячейки, а затем добавить строки в <.tbody>, как показано ниже.
[код]
row=document.createElement("tr"); //Создаем строку
td1=document.createElement("tr"); //Создаем ячейку
td1.appendChild(document.createTextNode("content")); //Добавляем содержимое в ячейку
row.appendChild(td1); //Добавляем ячейки в строку
document.getElementById("rows").append(row); //Добавляем строки в <tbody>
3. Мое маленькое открытие (возможно, оно уже известно другим...)
1. Я сам провел тест, написав <table id="tdl'></table> в html и document.getElementById("tdl").innerHTML="<tr><td></td> в javascript </ tr>", после написания этого протестируйте, строки таблицы в html добавляться не будут.
2. После завершения вышеуказанного теста я снова изменил его, написав <table><tr><td id="t'><td><tr></table> в html и document.getElementById("t в javascript " ).innerHTML="<p>content</p>", тест может добавлять контент.
3. Размышление: Какие выводы можно сделать из двух приведенных выше тестов. Я пока не придумал, как обобщить. Какие теги можно добавлять напрямую через внутренний HTML?