Criando DIV dinamicamente

[AndersoNNN 0]

Fala galera tudo beleza???

 

Seguinte, tenho um script bem simples pra criar uma DIV quando o usuário clicar num botão, só que essa DIV ñ está sendo exibida no IE, no FF cria a DIV normalmente... segue meu código:

 

function addDiv(){
			
			var div= document.createElement( "div" );
			div.setAttribute( "id","fundo" );
			div.setAttribute( "style", "display:block;width:100px;height:100px;background-color:black;" );
			document.body.appendChild( div );
		   

		}

 

Aki é a chamada:

<button onClick="addDiv()">ADD DIV</button>

Já agradeço a quem ajudar

 

[]'s

[AndersoNNN 0]

Fala galera tudo beleza???

 

Seguinte, tenho um script bem simples pra criar uma DIV quando o usuário clicar num botão, só que essa DIV ñ está sendo exibida no IE, no FF cria a DIV normalmente... segue meu código:

 

function addDiv(){
			
			var div= document.createElement( "div" );
			div.setAttribute( "id","fundo" );
			div.setAttribute( "style", "display:block;width:100px;height:100px;background-color:black;" );
			document.body.appendChild( div );
		   

		}

 

Aki é a chamada:

<button onClick="addDiv()">ADD DIV</button>

Já agradeço a quem ajudar

 

[]'s

 

 

Bom galera... consegui resolver o problema

 

Por um motivo q ñ consegui descobrir qual, o IE ñ seta o atributo STYLE (div.setAttribute( "style", "display:block;width:100px;height:100px;background-color:black;" );)

 

então criei uma classe CSS com essas propriedade e setei a class no elemento criado, assim consegui fazer o que queria.

 

CLASSE CSS

.divEstilizada{
	display:block;
	width:100px;
	height:100px;
	background-color:black;
}

 

SETANDO CLASSE AO ELEMENTO

div.className = "divEstilizada";

 

Fica ai pra quem algum dia encotrar o mesmo problema...

 

flow