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