nicht angemeldet
CSS mit JS auslesen
Tag zusammen,
habe folgendes Anliegen : wie kann ich mit JS Werte eines externen (aber bereits in die betreffende Seite geladenen) Style-Sheets auslesen oder sogar ändern?
Grund : ich wollte Tabelleneigenschaften per JS ändern. Dies funktioniert aber nur in den Zellen, die nicht durch betreffendes externes Style-Sheet formatiert sind ...
Kann mir jemand helfen ???
Tausend Dank!
-
Hi Wille,
wie kann ich mit JS Werte eines externen (aber bereits in die betreffende Seite geladenen) Style-Sheets auslesen oder sogar ändern?
http://de.selfhtml.org/javascript/objekte/style.htm
Grüße,
Roland-
Hallo Roland,
Wie liest man nun die Eigenschaften aus?
<html>
<head>
<title>test</title>
<style type="text/css">
.div {background-color:black;color:white;text-align:center;width:150px}
</style>
<script type="text/javascript">
function style_auslesen()
{
for(var e in document.getElementsByTagName("div")[0].style)
{
t=document.createTextNode(e+' :' + document.getElementsByTagName("div")[0].style[e])
document.getElementsByTagName("div")[1].appendChild(t)
document.getElementsByTagName("div")[1].appendChild(document.createElement("br"))
}
}
</script>
</head>
<body><div onClick='style_auslesen()' class="div">Klick mich</div>
<div></div>
</body>
</html>So scheint es leider nicht zu gehen.
(Mozilla 1.6)Gruß aus Berlin!
eddi-
Hallo,
Wie liest man nun die Eigenschaften aus?
Ich beziehe mich mal auf meine frueheren Postings zum Ansprechen von CSS via document.styleSheets-Collection:
http://forum.de.selfhtml.org/archiv/2002/10/27842/#m151724
http://forum.de.selfhtml.org/archiv/2003/1/35978/#m196585
http://forum.de.selfhtml.org/archiv/2003/5/47454/#m259284
http://forum.de.selfhtml.org/archiv/2004/3/74179/#m427786Vielleicht hilft der enthaltene Beispielcode weiter.
MfG, Thomas
-
Hey Thomas,
wow, krass! Besten Dank!
Wo hast Du das Wissen nur her?! Alle Achtung ...Gute Nacht ...
ciao, Wille-
wow, krass! Besten Dank!
Wo hast Du das Wissen nur her?! Alle Achtung ...Man kann es im Internet nachlesen:
Das kann der IE: http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp
Das Mozilla:
http://www.mozilla.org/docs/dom/und hier das DOM auf dem das alles mehr oder weniger basiert:
http://www.w3.org/DOM/Struppi.
-
-
-
-