Obter o valor do width de uma Div com Javascript

MyMind · Setembro 29, 2011

Como eu faço para obter o valor de um "width" de uma div pelo javascript? Estou tentando usar o código: mywidth=document.getElementById('mydiv').style.width onde mywidth é a variável que deve receber o valor.

Esse código já funcionou para mim outras vezes, mas tem vezes que não funciona e eu preciso saber porque...


<html>
<head>
<style type="text/css">
#mydiv {
	position:absolute;
	top:50px;
	width:250px;
	height:200px;
	z-index:1;
	background-image: url(imagens/3.jpg);
	left: 10px;
}
</style>
&lt;script>

function largura() {

	mywidth=document.getElementById('mydiv').style.width
	alert("Largura = " + mywidth)
}

</script>
</head>
<body>

<input type="button" name="largura" id="largura"  value="Qual a Largura?" onClick="largura()"/>
<div id="mydiv"></div>

</body>
</html>
[/codebox]

Neste exemplo, há uma função largura() chamada por um botão ao ser clicado, essa função deveria dar um alert dizendo "Largura = 250px", mas não funciona, o alert diz: "Largura = ", ou seja, a minha variável mywidth não recebe o valor do width da mydiv!

Por que não está funcionando?

Quem puder me dar uma força posta ai....

Editado Setembro 29, 2011 por MyMind

Leonardo Leoni · Setembro 29, 2011

Amigo, tente este codigo

<html>
<head>
<style type="text/css">
#mydiv {
position:absolute;
top:50px;
width:250px;
height:200px;
z-index:1;
background-image: url(imagens/3.jpg);
left: 10px;
}
</style>
<script>

function largura() {
var divh = document.getElementById('mydiv').offsetWidth;
     alert("Largura = " + divh);

 }

</script>

</head>
<body>

<input type="button" name="largura" id="largura" value="Qual a Largura?" onClick="largura()"/>
<div id="mydiv"></div>

</body>
</html>

Acabei de altera-lo e ele funcionou perfeitamente

Editado Setembro 29, 2011 por Leonardo Leoni

Entrar

Obter o valor do width de uma Div com Javascript

Pergunta

MyMind

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Leonardo Leoni

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades