Sabemos que obtener el ancho y la altura reales de un elemento pueden usar la propiedad actual de estilo en IE. Sin embargo, si no se muestran el ancho y la altura del elemento, no se obtendrá el uso de este atributo, y el valor obtenido es automático. como sigue
La copia del código es la siguiente:
<div> abcd </div>
<script>
var div = document.getElementsBytagName ('div') [0];
alerta (div.currentstyle.width);
alerta (div.currentStyle.Height);
</script>
Todas las salidas en IE6/7/8/9 son automáticas. Si el ancho y la altura se establecen en la pantalla, entonces la salida es el ancho y la altura reales. como sigue
1. Configuración a través del atributo de estilo en línea
La copia del código es la siguiente:
<div> abcd </div>
<script>
var div = document.getElementsBytagName ('div') [0];
alerta (div.currentstyle.width);
alerta (div.currentStyle.Height);
</script>
2. Configuración con etiquetas de estilo de inserción a través de la página
La copia del código es la siguiente:
<estilo>
div {
Ancho: 100px;
Altura: 50px;
}
</style>
<div> abcd </div>
<script>
var div = document.getElementsBytagName ('div') [0];
alerta (div.currentstyle.width);
alerta (div.currentStyle.Height);
</script>
Todos saldrán: 100px, 50px