möp: Objekt style createElement

Hallo!

Mein Problem: Die angegebenen CSS-Eigenschaften werden nicht angezeigt.

vat d=document.createElement('div')

d.style.background='#FFF'

Wie muss es richtig lauten?

Gruss möp

  1. Hallo,

    Mein Problem: Die angegebenen CSS-Eigenschaften werden nicht angezeigt.

    Sie sind ja auch falsch angegeben.

    Wie muss es richtig lauten?

    Guckst du hier: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

    Gruß
    Alexander Brock

    --
    Selfcode: ss:{ zu:| ls:# fo:| de:] va:) ch:? sh:( n4:? rl:? br:> js:) ie:{ fl:| mo:}
    http://emmanuel.dammerer.at/selfcode.html
    Deshalb können Pinguine nicht fliegen:
    Was nicht fliegt kann auch nicht abstürzen
    <img src="http://www.againsttcpa.com/images/AgainstTCPA-Log01Small.gif" border="0" alt="">
    http://againsttcpa.com
    1. Mein Problem: Die angegebenen CSS-Eigenschaften werden nicht angezeigt.

      Sie sind ja auch falsch angegeben.

      Wie muss es richtig lauten?

      Guckst du hier: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

      AUWAIA!

      Dazu fällt mir nun wirklich nichts mehr ein

      <div style='background:#FFF;color:red;font-weight:bold'>Sieh dir doch selbst mal die Seite an!</div>

      Und wenn du schon dabei bist auch http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften gleich mit

      d.style.backgroundColor='#FFF' tut nämlich auch nicht was es soll (Mozilla)

      Gruss möp

      1. Hallo,

        http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

        background:#FFF;

        Woher hast du das?

        Und wenn du schon dabei bist auch http://de.selfhtml.org/javascript/objekte/style.htm#style_eigenschaften gleich mit

        d.style.backgroundColor='#FFF' tut nämlich auch nicht was es soll (Mozilla)

        Also das hier funktioniert im Firefox:

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                "http://www.w3.org/TR/html4/strict.dtd">
        <html>
        <head>
        <title>Hintergrund mit JavaScript</title>
        <script type="text/javascript">
        <!--
        function hinten(nummer) {
        document.getElementsByTagName('div')[nummer].style.background='#ff0';
        }
        //-->
        </script>
        </head>
        <body>
        <div>
        <a href="#" onclick="hinten('0');">
        Link1</a></div>
        <div>
        <a href="#" onclick="hinten('1');">
        Link2</a></div>
        <div>
        <a href="#" onclick="hinten('2');">
        Link2</a></div>

        </body>
        </html>

        Gruß
        Alexander Brock

        --
        Selfcode: ss:{ zu:| ls:# fo:| de:] va:) ch:? sh:( n4:? rl:? br:> js:) ie:{ fl:| mo:}
        http://emmanuel.dammerer.at/selfcode.html
        Deshalb können Pinguine nicht fliegen:
        Was nicht fliegt kann auch nicht abstürzen
        <img src="http://www.againsttcpa.com/images/AgainstTCPA-Log01Small.gif" border="0" alt="">
        http://againsttcpa.com
    2. Hallo,

      Guckst du hier: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

      Selfhtml enthält dort nur eine unvollständige Aufzählung aller Untergeigenschaften vlg.: http://www.w3.org/TR/1998/REC-CSS2-19980512/colors.html#background-properties

      "... The 'background' property is a shorthand property for setting the individual background properties (i.e., 'background-color', 'background-image', 'background-repeat', 'background-attachment' and 'background-position') at the same place in the style sheet..."

      Gruß aus Berlin!
      eddi

  2. Hallo möp,

    vat d=document.createElement('div')

    d.style.background='#FFF'

    zusätzlich zu dem was Alexander geschrieben hat, mußt du dein neues Element auch in den Objektbaum einhängen.

    http://de.selfhtml.org/javascript/objekte/document.htm#create_element

    cu, ziegenmelker

    1. Hallo ziegenmelker!

      vat d=document.createElement('div')

      d.style.background='#FFF'

      zusätzlich zu dem was Alexander geschrieben hat

      Nich nachplappern - nachdenken!

      , mußt du dein neues Element auch in den Objektbaum einhängen.

      Danke, dass du nicht noch bemängelt hast, dass da kein <script type='text/javascript'> steht.
      Spass beiseite! Das Problem ist ein wenig komplexer, als nur ein vergessenes appendChild().

      Gruss möp