Style

Assistant

Startseite
Screenshot
Kurzanleitung
Download
Kurse & Infos
>Tipps & Tricks<
Unterstützer
TMXtensions
?Freeware!
About TM
E-Mail
Made with CSS
Valid HTML 4.01!
Stand: 07.12.2002

Tipps & Tricks – Tipp 44
Zur Übersicht

44. W3C-DOM: createElement / appendChild / removeChild (19.12.2000)

Zum Einbringen von neuen Elementen in Hypertextdokumente steht in Browsern mit W3C-DOM-Unterstützung die Methode document.createElement() zur Verfügung.
Mittels appendChild() / removeChild() lassen sich die Kindelemente in den Dokumentenbaum einhängen bzw. entfernen. Zum Festlegen von neuen Attributwerten dient setAttribute().

Die praktische Anwendung wird im Beispiel 44 demonstriert. Dabei werden IDs abgefragt und daraufhin neue Absätze (P-Tags) generiert und formatiert. 

      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
      <!--

      function NeuerAbsatz()
      {
        var neueid=prompt("Bitte neue Absatz-ID eingeben!","");
        if (neueid != "" & neueid != null)
        {
          var neuesElement=document.createElement("P");
          neuesElement.setAttribute("id",neueid);
          var farbe=document.auswahl.farbe.options
            [document.auswahl.farbe.options.selectedIndex].value;
          neuesElement.style.color=farbe;
          neuesElement.innerHTML="<B>Das ist ein neuer Absatz mit
            ID=""+neueid+"".</B>";
          document.getElementById("dok").appendChild(neuesElement);
        }
        else
        {
          alert("Keine ID eingegeben!");
        }
      }


      function AbsatzEntfernen()
      {
        var vorhandeneid=prompt("Bitte vorhandene Absatz-ID eingeben!","");
        if (document.getElementById(vorhandeneid))
        {
          document.getElementById("dok").removeChild
            (document.getElementById(vorhandeneid));
        }
        else
        {
          alert("Das Objekt existiert nicht!");
        }
      }

      //-->
      </SCRIPT>