Jak v JS vkládat do nějakého html tágu další HTML tágy

Ahoj, když mám nějaký html tág a chtěl bych do něj vkládat další a další html tágy (pod sebe) jak to mám prosím udělat ?

zkoušel jsem to takto ale přepisuje se to :(

function test(num){
var html;
html  = 'muj html kod' + num;
document.getElementById("test").innerHTML = html;
}

test(111);
test(222);
test(333);

Předmět	Autor	Datum
var container = document.getElementById('mojeId') var detatko = document.createElement("div"); detat… MaSo 30.12.2016 00:43	MaSo	30.12.2016 00:43
Alebo aj takto, += document.getElementById("test").innerHTML += html; čitateľ 30.12.2016 08:10	čitateľ	30.12.2016 08:10
ešte dodám, nieje to tág ale iba tag (vez dĺžňa) ja už myslel že hovoríš o tágu (jako Tágo) čo je tá… Mlocik97 30.12.2016 10:45	Mlocik97	30.12.2016 10:45
Mimo dvou možností, zmíněných v příspěvcích výše ( 1. prvek=document.createElement("tag"); ...;....;… hynajs 30.12.2016 11:29	hynajs	30.12.2016 11:29
Určite nepridávaj HTML cez innerHTML (el.innerHTML += html) - prepíšeš tým existujúce HTML. To zname… poslední los 30.12.2016 12:48	los	30.12.2016 12:48

var container = document.getElementById('mojeId')
var detatko = document.createElement("div");
detatko.innerHTML = "hovinka"
container.appendChild(detatko)

Alebo aj takto, +=

document.getElementById("test").innerHTML += html;

ešte dodám, nieje to tág ale iba tag (vez dĺžňa) ja už myslel že hovoríš o tágu (jako Tágo) čo je tá drevená palica

[img=http://4everstatic.com/obrazky/674xX/sport/biliard,-biliardove-gule,-tago-179641.jpg]http://4everstatic.com/obrazky/674xX/sport/biliard ,-biliardove-gule,-tago-179641.jpg[/img]

k hraniu biliardu.

Mimo dvou možností, zmíněných v příspěvcích výše (
1. prvek=document.createElement("tag"); ...;....;...; rodicovsky_prvek.appendChild(prvek);
2. .innerHTML=...
)
je možné naplnit html tag i složitější strukturou (což by bylo Javascriptem sice možné, ale pracné) pomocí Ajaxu a PHP, viz jQuery load

Určite nepridávaj HTML cez innerHTML (el.innerHTML += html) - prepíšeš tým existujúce HTML. To znamená, že používateľ príde o označený text, vyplnené hodnoty, prípadne ak používaš ďalší JavaScript, tak stratíš referencie na elementy.

Na pridávanie ďalšieho HTML slúži funkcia el.insertAdjacentHTML(position, html). V tvojom prípade to bude zrejme:

document.getElementById('test').insertAdjacentHTML('beforeend', html);

Zpět do poradny Odpovědět na původní otázku Nahoru