Juli: HTML-Tags über DOM

SELF-Forum

HTML-Tags über DOM

Juli Homepage des Autors
– Informationen zu den Bewertungsregeln

Hi,

Kann ich bei folgendem Beispiel auch HTML-Tags in den DOM-Teil einbauen:

<html>
<title>Test</title>
<head>
<script type="text/javascript">
<!--
 function neueTexte() {
 document.getElementsByTagName("p")[0].firstChild.data = "<b>neuer erster</b>";
 document.getElementsByTagName("p")[1].firstChild.data = "<b>neuer zweiter</b>";
 document.getElementsByTagName("p")[2].firstChild.data = "<b>neuer dritter</b>";
 document.getElementsByTagName("h1")[0].firstChild.data = "<b>Alles anders</b>"; // Punkt 1
}
//-->
</script>
</head><body>
<h1>Dynamisch, sehr dynamisch</h1>
<p>Ein erster Absatz</p> <!-- Punkt 2 -->
<p>Ein zweiter Absatz</p>
<p><b>Ein dritter Absatz</b></p> <!-- Punkt 3 -->

<p><a href="javascript:neueTexte()">neue Texte</a></p>
</body>
</html>

Dieser Teil ist aus SelfHTML übernommen. Es wurde nur leicht abgeändert. Wie man sieht, habe ich in die "firstChilds" HTML-Tags eingefügt (Punkt 1). Jedoch gibt er diese aus und "kompiliert" sie nicht (Punkt 2). Und wenn in dem zu ersetzenden Teil HTML-Tags enthalten sind, macht er sowieso nix (Punkt 3).

Bin 1 Stunde live im Forum.

Ciau

Juli

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. HTML-Tags über DOM

    HaThoR
    – Informationen zu den Bewertungsregeln

    Hi,

    Kann ich bei folgendem Beispiel auch HTML-Tags in den DOM-Teil einbauen:

    Ja.

    function neueTexte() {
    document.getElementsByTagName("p")[0].firstChild.data = "<b>neuer erster</b>";

    anstatt dessen:
    var tmp = document.createElement'b';
    var tmp2 = document.createTextNode('neuer erster');
    tmp.appendChild(tmp2);
    document.getElementsByTagName("p")[0].firstChild.data = tmp;

    und tschüß
    HaThoR

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. HTML-Tags über DOM

      Juli
      – Informationen zu den Bewertungsregeln

      Hi

      var tmp = document.createElement'b';
       var tmp2 = document.createTextNode('neuer erster');
       tmp.appendChild(tmp2);
       document.getElementsByTagName("p")[0].firstChild.data = tmp;

      Die erste Zeile wird nicht akzeptiert. Leider.

      Aber schonmal danke.

      CU

      Juli

      Hi,

      Kann ich bei folgendem Beispiel auch HTML-Tags in den DOM-Teil einbauen:

      Ja.

      function neueTexte() {
      document.getElementsByTagName("p")[0].firstChild.data = "<b>neuer erster</b>";

      anstatt dessen:
      var tmp = document.createElement'b';
      var tmp2 = document.createTextNode('neuer erster');
      tmp.appendChild(tmp2);
      document.getElementsByTagName("p")[0].firstChild.data = tmp;

      und tschüß
      HaThoR

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln