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);
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: