Sipatshi: Verschachelte CSS Elemente in JavaScript

Beitrag lesen

Hallo,

ob ich den Code ganz nach unten setze wie in diesem beispiel: http://de.selfhtml.org/javascript/objekte/node.htm#get_elements_by_tag_name@title=http://de.selfhtml.org/javascript/objekte/node.htm#get_elements_by_tag_name oder es verlagere, es funktioniert nicht obwohl doch alles identisch ist. Desweiteren habe ich wieder ein Fehler in der Fehlerkonsole: ul_element.getElementTagName is not a function! Ist doch richtig geschreiben.

Wieso dann noch DOMContentReady? Was passiert genau dort(DOMContentReady)?

Es ist zum heulen wenn man newbie ist :-(

Mein Code(verlagert)

XHTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="functions2.js"></script>
<title>Unbenanntes Dokument</title>
</head>
<body onload="testfunc()">
 <div id="a_2">
        <h2>7 Tage Angebot</h2>
        <ul>
          <li>VW Passat </li>
          <li>7 Tage für  <strong>€329,-</strong></li>
        </ul>
        <img id="bild_2" src="vw_passat.png" alt="VW Passat" />
  </div>
</body>
</html>

Javascript

function testfunc(){

var container                         = document.getElementById("a_2");
    var ueberschrift                      = container.getElementsByTagName("h2");
    var ul_element                        = container.getElementsByTagName("ul");
    var li_element                        = ul_element.getElementsByTagName("li");
    var fett                              = li_element.getElementByTagName("strong");
/*var bild                            Ein Tip wie ich das Bild mit einbeziehen kann */

for (var i = 0; i < container.length; i++)
    {
    container[i].style.cssFloat           = "left";
    container[i].style.width              = "273";
    container[i].style.height             = "273";
container[i].style.borderRight        = "1px dotted #8d8d8d";
container[i].style.backgroundColor    = "#8d8d8d";
container[i].style.backgroundImage    = "url(../l_p.jpg)";
container[i].style.backgroundRepeat   = "no-repeat";
container[i].style.backgroundPosition = "5px 5px";
    }

for (var i = 0; i < ueberschrift.length; i++)
    {
ueberschrift[i].style.fontSize        = "19px";
ueberschrift[i].style.fontWeight      = "normal";
ueberschrift[i].style.marginTop       = "35px";
ueberschrift[i].style.marginLeft      = "25px";
  }

for (var i = 0; i < ul_element.length; i++)
    {
    ul_element[i].style.listStyleType     = "none";
ul_element[i].style.marginLeft        = "26px";
}

for (var i = 0; i < li_element.length; i++)
    {
    li_element[i].style.fontSize          = "18px";
li_element[i].style.color             = "#003275";
li_element[i].style.lineHeight        = "17px";
}

for (var i = 0; i < fett.length; i++)
    {
    fett[i].style.fontSize                = "24px";
fett[i].style.color                   = "#000";
fett[i].style.marginLeft              = "8px";
}
}

Gruß

Sipatshi