Takže jsem viděl tři způsoby, jak přidat prvky html/DOM na stránku. Zajímalo by mě, jaké jsou výhody a nevýhody každého z nich.
1 – Tradiční JavaScript
Domnívám se, že jednoduchý způsob, jak toho dosáhnout, je vytvořit každý prvek, nastavit atributy a pak je připojit. Příklad:
var myRow = document.createElement("tr"); myRow.class = "myClass"; var firstTD = document.createElement("td"); firstTD.innerHTML = "first"; myRow.appendChild(firstTD); var secondTD = document.createElement("td"); secondTD.innerHTML = "second"; myRow.appendChild(secondTD); document.getElementById("myContainer").appendChild(myRow);
2 – Přidání řetězce html prostřednictvím jQuery
Všiml jsem si, že většina příkladů jQuery, které vidím, obvykle pouze připojí řetězec html.
Příklad:
$("#myContainer").append('<tr class="myClass"><td>first</td><td>second</td></tr>');
3 – .clone() jQuery
Také jsem viděl mnoho použití a odkazů na .clone() v jQuery.
Příklad:
$("#myContainer").append($(".myClass").clone());
Rád bych slyšel, co na to říkají ostatní.
(Také to vypadá jako dobrý kandidát na ‚komunitní wiki‘, ale moc se v nich nevyznám. Bude někdo komentovat a dá mi vědět, jestli by to mělo být? Díky)
Odpověď
Pokud používáte jQuery 1.4, nejlepší způsob je následující:
$("<a/>", { id: 'example-link', href: 'http://www.example.com/', text: 'Example Page' }).appendTo("body");