Sipatshi: Verschachelte CSS Elemente in JavaScript

Beitrag lesen

Hallo ChrisB,

kannst du bitte mal schauen ob das soweit in Ordnung ist. Desweiteren bitte ich dich mir ein weiteren Tip zu geben wie ich das bild innerhalb des Containers Tauschen kann?

CSS

<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>

<script type="text/javascript">
               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 */

container.cssFloat           = "left";
                container.width              = "273";
                container.height             = "273";
container.borderRight        = "1px dotted #8d8d8d";
container.backgroundColor    = "#8d8d8d";
container.backgroundImage    = "url(../l_p.jpg)";
container.backgroundRepeat   = "no-repeat";
container.backgroundPosition = "5px 5px";

	ueberschrift.fontSize        = "19px";  
	ueberschrift.fontWeight      = "normal";  
	ueberschrift.marginTop       = "35px";  
	ueberschrift.marginLeft      = "25px";  
	  
	ul\_element.listStyleType     = "none";  
	ul\_element.marginLeft        = "26px";  
	  
	li\_element.fontSize          = "18px";  
	li\_element.color             = "#003275";  
	li\_element.lineHeight        = "17px";  
	  
	fett.fontSize                = "24px";  
	fett.color                   = "#000";  
	fett.marginLeft              = "8px";  

</script>