Wir wissen, dass die tatsächliche Breite und Höhe eines Elements die CurrentStyle -Eigenschaft in IE verwenden kann. Wenn jedoch die Breite und Höhe des Elements nicht angezeigt werden, wird die Verwendung dieses Attributs nicht erhalten und der erhaltene Wert ist automatisch. wie folgt
Die Codekopie lautet wie folgt:
<div> ABCD </div>
<Script>
var div = document.getElementsByTagName ('div') [0];
Alert (Div.CurrentStyle.Width);
Alert (Div.CurrentStyle.Height);
</script>
Alle Ausgänge in IE6/7/8/9 sind automatisch. Wenn die Breite und Höhe auf der Anzeige eingestellt sind, ist die Ausgabe die tatsächliche Breite und Höhe. wie folgt
1. Einstellen durch das Inline -Style -Attribut
Die Codekopie lautet wie folgt:
<div> ABCD </div>
<Script>
var div = document.getElementsByTagName ('div') [0];
Alert (Div.CurrentStyle.Width);
Alert (Div.CurrentStyle.Height);
</script>
2. Einstellungen mit Einbettungsstil -Tags über Seite
Die Codekopie lautet wie folgt:
<Styles>
div {
Breite: 100px;
Höhe: 50px;
}
</style>
<div> ABCD </div>
<Script>
var div = document.getElementsByTagName ('div') [0];
Alert (Div.CurrentStyle.Width);
Alert (Div.CurrentStyle.Height);
</script>
Alle werden ausgegeben: 100px, 50px