Jak poprawnie dodawać kod (X)HTML do strony za pomocą JavaScript

Jacek | 2009-05-17 00:05:39

JavaScript w XHTML-u może sprawiać kłopoty. Nie działa document.write jak i .innerHTML (a przynajmniej w założeniach ma nie działać). Trzeba więc je zastąpić. Na przykład tak:

<div id="dodaj"></div>

<script type="text/javascript">
function dodaj_tag() {
      // Tworzymy element <p>
   par = document.createElement('p');
      // Ustawiamy class="klasa"
   par.className = 'klasa';
      // Ustawiamy id="nasz_element"
   par.id = 'nasz_element';

      // Tworzymy element tekstowy
   txt = document.createTextNode('Treść');
      // i dodajemy go do <p>
   par.appendChild(txt);

      // Bierzemy <div id="dodaj">
   div = document.getElementById('dodaj');
      // i "podpinamy" podeń <p>
   div.appendChild(par);
}
</script>

Po tym wszystkim przeglądarka zobaczy całość tak:

div (id="dodaj")
'- p (id="nasz_element" class="klasa")
   '- Treść

A w XMLowej notacji:

<div id="dodaj">
   <p id="nasz_element" class="klasa">
      Treść
   </p>
</div>

Może nie jest to rozwiązanie wygodne, ale za to na pewno działające.

---

• Wróć do JavaScript
• Brakuje ci artykułu? Zaproponuj go!

---

© by Jacek Kowalski Sponsor: poszukiwany

Menu