Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

M4n0w4r

[Resolvido] Problema com Css DOM

Recommended Posts

Olá galerinha do bem :)

 

Tenho uma função que aplica estilos em um elemento através de um array

 

// Funciona apenas para navegadores que seguem os padrões W3C
Object.prototype.aplicaEstilo = function (meuArray) {
	var tipo;
	var i;
	
	for (i = 0; i < meuArray.length; i ++) {
		tipo = meuArray[i][0];
		
		this.style.tipo = meuArray[i][1];
	}
}

E aqui está o código com o array que chama a função

var estilos = new Array ();
estilos[0] = new Array ("backgroundColor", "silver");
estilos[1] = new Array ("height", "100px");
estilos[2] = new Array ("width", "100px");

document.getElementById ("meuElemento").aplicaEstilo (estilos);

Na teoria, a função deveria aplicar os estilos do Array no elemento, porém, o navagedor não interpreta o "tipo" do "this.style.tipo" como uma variável e sim como uma propiedade CSS (display, color, textAlign, border...), então como eu posso fazer que ele entenda que isso não é uma propiedade CSS ?

 

Vlwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

Compartilhar este post


Link para o post
Compartilhar em outros sites

assim;

 

troca

 

this.style.tipo = meuArray[i][1];

por

 

this.style[tipo] = meuArray[i][1];

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.