[FRAGE] css parametername mit value an funktion übergeben

[blue-ibex]

Hallo an Alle,

mir ist leider keine bessere Beschreibung für den Titel eingefallen. Ich habe folgenden Aufruf:

contentarea({_target:document.getElementById('testdiv'),_value:'text1 den man lesen kann',_style:{color = "red"}});

welcher das hier auslöst:

contentarea: function(options){
        var div = document.createElement("div");
        div.id=(Math.random() + '').replace('0.', '');
        div.innerHTML=options._value;
        if(options._style){
            for(var a=0;a<options._style.length;a++){
                textfield1.style..........                                  //< da liegt das Problem. Wie kann ich hier die übergebene Styleattribute aufrufen und für das div übernehmen?
            }
        }
        if(options._target){
            options._target.appendChild(div);
        }else{
            return div;
        }
    }

 

[mikdoe]

sollte mit options['_style']['color'] gehen, also
textfield1.style.color = options['_style']['color'];

oder in der anderen Schreibweise, die im Code schon begonnen wurde (gefällt mir persönlich nicht so gut): options._style.color

 

[blue-ibex]

Danke schon mal für die Hilfe. Vielleicht habe ich es nicht richtig dargestellt. Das ich mit ...style.color='red' ne farbe zuweisen kann ist mir klar. Ich möchte aber das der atrributname auch dynamisch ist. Vielleicht veranschaulicht folgendes etwas besser.

if(options._style){
            for(property in options._style){
                console.log();
                var param= property;
                var value= options._style[property];
                div.style.param = value;
            }
        }

das der code net funzt ist klar. Gibt es ne möglichkeit das irgendwie so zu machen?

 

[mikdoe]

Wüsste ich dann nur mit jQuery: $('#'+div).css(property,options._style[property]);

 

[blue-ibex]

ok dann werde ich das wohl so erstmal machen. Wollte ne standalone lösung. Werde ich dann später ne eigene Funktion für schreiben, fehlt jetzt die Zeit. Dachte es gibt vielleicht nen kleinen Trick sowas schnell umzusetzen. Wieder ein punkt mehr auf der //TODO

Danke Dir für die Antworten.

 

[mikdoe]

Ja, sonst schau einfach die Tage nochmal rein. Es gibt bestimmt eine Lösung dafür, sonst könnte jQuery das ja auch nicht. Ich weiß die Syntax halt im Moment nur nicht.

 

[blue-ibex]

ok danke werde ich tun.

 

[j-l-n]

Genauso mit object[property]-Schreibweise...

for(var property in options._style){
  if(options._style.hasOwnProperty(property)){
    div.style[property] = options._style[property];
  }
}

PS: the body of a for in should be wrapped in an if statement to filter unwanted properties from the prototype!
PPS: globale Variablen sind immer eine schlechte Idee...

 

[blue-ibex]

no way. that easy. Danke.

 

[j-l-n]

Bitte - gerne.