Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa tarde!
Estou criando uma DIV via javascript assim que o usuário clica no botão, está funcionando porém, alguns comando CSS não pegal como o FLOAT e o TEXT-ALIGN. segue o código:
var input_cont = 0;
function addInput()
{
var div1 = document.createElement("div");
div1.setAttribute('name', 'div1'+input_cont);
div1.setAttribute('id', 'div1'+input_cont);
div1.innerHTML = "principal";
div1.style.background= "#CCC";
div1.style.width= "150px";
div1.style.height= "230px";
div1.style.border= "1px solid black";
div1.style.margin= "10px";
div1.style.text.align="center"; //não funciona
div1.style.float="left"; //não funciona
add_input_div.appendChild(div1);
}
outra duvida Pretendo colocar elementos como campo de texto e neste cempo terá funções javascript como posso também adicionalas?
OBG pela atenção!!!!
Cara eu tinha notado esse hifen, e mesmo assim não finciona. a ideia da classe eu fiz porem não funciona no IE 7, 8 . esse acima funciona menos os campos que eu tinha marcado antes!!!
vc pode me ajudar????
funciona sim cara, é só vc fazer:
var input_cont = 0;
function addInput()
{
var div1 = document.createElement("div");
div1.setAttribute('name', 'div1'+input_cont);
div1.setAttribute('id', 'div1'+input_cont);
div1.innerHTML = "principal";
div1.className = 't';
add_input_div.appendChild(div1);
}e ai o css:<style>
.t { border: 1px solid black; }
</style>Vou tentar! mando respostas!
Cara valeu eu estava testando a class de outra forma:
div1.setAttribute('class', 'div_estilo');
e só estava funcionando no Firefox.
div1.style.textAlign="center"; //não funciona
o float deve não estar funcionando por causa da quebra dessa linha do textAlign.
qndo forem propriedades css separadas por hifen, usa-se o camelCase em javascript.
Porém, note que isso é uma má prática, e é lento.
Melhor seria vc definir todos esses estilos em uma classe css, e então dar essa classe ao elemento q vc criou com js.