Добавление таблицы с 5ю формами по нажатию на кнопку. JS

@Zakhsukh · Регистрация: 17.04.2013

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

Вторую неделю изучаю JS.
Возникла проблема

шарю в интернетах уже пару дней =/
в общем: при нажатии на кнопку, нужно добавить таблицу(одна строка) с несколькими столбцами, в каждом из которых форма..
ребятки, помогите кто чем может

что бы было понятней:
https://www.cyberforum.ru/atta... 1366191177

@Drygba · 17.04.2013, 16:11

HTML5
1
<button id='table'>Table</button>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
var table = document.createElement('table');
    document.getElementById('table').onclick = function () {
        table.innerHTML = '<tr>' +
                 '<td>' +
                '<form>' +
                '<input type="button" value="button">' +
                '<input></form>' +
                '</td>' +
                '<td>' +
                '<form>' +
                '<input type="text">' +
                '<input></form>' +
                '</td>' +
                '</tr>'
        document.body.appendChild(table);
    }

@Zakhsukh · 19.06.2013, 15:52 **[ТС]**

Да, добавляется, но не туда куда хотелось бы

начинает добавлять не в таблицу а просто в документ)

@JsLoveR · 20.06.2013, 01:14

Zakhsukh,

JavaScript
1
2
3
4
5
function addNewNode() {
        var table = document.getElementById("main_table");
        var newNode = table.children[0].cloneNode(true);
        table.appendChild(newNode);
}

HTML5
1
2
3
4
5
6
7
8
9
<table id="main_table">
    <tr>
        <td><input /></td>
        <td><input /></td>
        <td><input /></td>
        <td><input /></td>
        <td><button onclick="addNewNode()">+</button></td>
    </tr>
</table>

@Zakhsukh · 25.06.2013, 22:24 **[ТС]**

Спасибо)
еще нашел такой способ, вроде попонятнее..

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<table  id="table">
<tbody id="tb">
 
....
....
<form> 
<input onClick="create()"> 
</form>
...
...
</tbody>
</table>

JavaScript
1
2
3
4
5
function create(){
        var t_body = document.getElementById('tb');
        t_body.innerHTML += ' html код который нужно вставить ';
    
}

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@Zakhsukh 0 / 0 / 0 Регистрация: 17.04.2013 Сообщений: 8

	Добавление таблицы с 5ю формами по нажатию на кнопку. JS 17.04.2013, 13:38. Показов 981. Ответов 4 Метки нет (Все метки) Вторую неделю изучаю JS. Возникла проблема шарю в интернетах уже пару дней =/ в общем: при нажатии на кнопку, нужно добавить таблицу(одна строка) с несколькими столбцами, в каждом из которых форма.. ребятки, помогите кто чем может что бы было понятней: https://www.cyberforum.ru/atta... 1366191177 Миниатюры 0

@Zakhsukh 0 / 0 / 0 Регистрация: 17.04.2013 Сообщений: 8
	19.06.2013, 15:52 [ТС]
	Да, добавляется, но не туда куда хотелось бы начинает добавлять не в таблицу а просто в документ) 0