benni: eine eigenschaft einer css-class ausgeben

hi!

also ich will (ganz einfach?) abfragen, welche eigenschaft ein attribut in einer css-class gerade hat.

css:

.headadd {
 display: none;
}

wobei <div class="headadd"> in <div class="eintrag"> steht.

dann frag ich das ab:

Display = document.all.headadd.style.getAttribute("display","false");

und (versuche) es auszugeben mit:

document.write("Display: " + Display);

es zeigt aber nix an!

woran kann das liegen?

viele grüße,
benni

  1. hi!

    also ich will (ganz einfach?) abfragen, welche eigenschaft ein attribut in einer css-class gerade hat.

    Das ist nicht einfach und funktioniert nicht in jedem Browser.

    So kannst du die Klassen finden:

    function classAttr(className, attr, value)
    {
        if(!className) return null;
        var rule = getClass(className);
        if(rule == null) return null;
        if(value)    rule.style[attr] = value;
        return rule.style[attr];
    }
    function getClass(name)
    {
         if(!document.styleSheets) return null;
         if(name.indexOf('.') != 0) name = '.' + name;
         for(var i = 0; i < document.styleSheets.length; i++)
         {
             var rules = document.styleSheets[i].rules;
             if(!rules) return null;
             for(var j = 0; j < rules.length; j++)
             {
                if(rules[j].selectorText == name) return rules[j];
             }
         }
         return null;
    }

    css:

    .headadd {
     display: none;
    }

    wobei <div class="headadd"> in <div class="eintrag"> steht.

    dann frag ich das ab:

    Display = document.all.headadd.style.getAttribute("display","false");

    Das dürfte Phantasiesyntax sein oder wo hast du das her?

    und (versuche) es auszugeben mit:

    document.write("Display: " + Display);

    es zeigt aber nix an!

    woran kann das liegen?

    Phantasiesyntax?

    Struppi.

    1. hi

      Phantasiesyntax?

      selfhtml...

      greets,
      benni

      1. hi

        Phantasiesyntax?

        selfhtml...

        zeig mir die Stelle wo sowas steht:
        document.all.css_klasse.style.getAttribute(...);

        Du meinst: [pref:t=33190&m=180468], da steht aber:

        document.all.div_id.setAttribute(....);

        Struppi.

        1. hi

          Phantasiesyntax?

          selfhtml...

          zeig mir die Stelle wo sowas steht:
          document.all.css_klasse.style.getAttribute(...);

          Du meinst: [pref:t=33190&m=180468], da steht aber:

          grmpf
          http://selfhtml.teamone.de/javascript/objekte/all.htm#get_attribute

          1. hi

            Phantasiesyntax?

            selfhtml...

            zeig mir die Stelle wo sowas steht:
            document.all.css_klasse.style.getAttribute(...);

            selfhtml.teamone.de/javascript/objekte/style.htm#get_attribute:

            x = document.all.Absatz.style.getAttribute("fontSize","false");

            wobei "Absatz" die id eines p-tags ist... ich dachte erst, man könnte statt id die class nehmen...

            und für document.write:

            selfhtml.teamone.de/javascript/objekte/document.htm#write:

            document.write("<b>Hallo " + DeinName + "</b>");

            (es geht darum, strings zu verknüpfen, oder?)

            viele grüße,
            benni

            p.s.: "Phantasie" schreibt man mit F statt Ph ;)