nicht angemeldet
Styleangabe als Variable
hi,
also zuerst mein code:
...
[code lang=javascript]<script type="text/javascript">
function aendern(elemente,attribute,werte) {
/* löst alle durch Kommata getrennten IDs, Attribute und Werte in ein Array auf */
element_array = elemente.split(',');
attribut_array = attribute.split(',');
wert_array = werte.split(',');
/* Beginnt, jede Stufe zu bearbeiten */
for (var i = 0; i < element_array.length; i++) {
var element = document.getElementById(element_array[i]);
element.style.setAttribute(attribut_array[i], wert_array[i], true)
}
}
</script>
...
<body id="body" style="background-color:#FFFFFF;">
<div id="box" style="background-color:#000000;">
<h1 id="erste_ueberschrift" style="color:#FF0000;">wie auch immer</h1>
</div>
<input type="button" onclick="aendern('body,box,erste_ueberschrift','backgroundColor,backgroundColor,color','#000000,#FFFFFF,00FF00');">
</body>
...[/code]
ich möchte, mit den im button angegebenen stufen die attribute der objekte auf der gleichen stufe mit den werte der ebenfalls gleichen stufe ausfüllen, wie aus dem code hoffentlich ersichtlich ist, d.h. in dem fall wird also body.style.backgroundcolor = '#000000'; ausgeführt.
soweit sogut, leider klappt das bei meinem firefox nicht (3.0) und meine gewohnte art und weise, über
var element = document.getElementById(element_array[i]);
element.style.attribut_array[i] = wert_array[i];
geht ja auch nicht, weil es eben variablen sind, könnte jemand vielleicht anstöße geben, ich wäre sehr dankbar, wenn dabei mein stufenweises prinzip so gehalten wird.
mfG tobi
-
element.style[attribut_array[i]] = wert_array[i];