Добавление ячеек таблицы javascript'ом работает не так как нужно

@compass · Регистрация: 22.03.2012

Студворк — интернет-сервис помощи студентам

Вот текст страницы, включающий несколько строк javascript'а

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head>
<script type="text/javascript">
function addField() {
document.getElementById('abcd').innerHTML += '<tr><td><input type="text" size="10" name="field1" value="0" /></td><td><input type="text" size="10" name="field2" value="1" /></td><td><input type="text" size="10" name="field3" value="" /></td></tr>';
}
</script>
<title>Добавление полей</title>
</head><body>
 
<form action="setup.cgi" method="post" name="setup_form">
<table cellspacing="0" border="1">
<tr>
<th nowrap="nowrap">Field (1) </th>
<th nowrap="nowrap">Field (2) </th>
<th nowrap="nowrap">Field (3) </th>
</tr>
 
<span id="abcd">
<tr>
<td><input type="text" size="10" name="field1" value="0" /></td>
<td><input type="text" size="10" name="field2" value="1" /></td>
<td><input type="text" size="10" name="field3" value="" /></td>
</tr>
</span>
</table>
<p><span onClick="addField(); return false;">Добавить поля</span></p></form><p><a href="/admin/"></a></p>
 
</body>
</html>

При нажатии на "Добавить поля" строка таблицы TR с новыми полями добавляется не ниже таблицы с заголовками, а выше. Отсюда вопросаы:

1. Что надо изменить, чтобы новые поля добавлялись вниз таблицы?
2. Что надо сделать, чтобы уже заполненные поля не очищались при добавлении новых?
3. Сейчас, в скрипте HTML код, который необходимо добавить расположен между одинарных кавычек. Если его разместить не в одну строку, а в несколько - скрипт перестаёт работать. Можно ли сделать так, чтобы HTML код размещался на нескольких строках?
4. Как сделать, чтобы первое поле от 0 увеличивалось на единицу при каждом добавлении новой строки?

Заранее спасибо за участие!

Добавлено через 2 часа 48 минут
Половина вопросов отпала, но несколько всё равно остаются:

в Javascript можно добавить в документ сразу кусок HTML кода таблицы (строку в моём случае) или обязательно надо каждый элемент выстраивать через createElement("tr"), createElement("td") и т.д.? Пытался присваивать "id" к "tr" - не работает добавление.

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .