HTML DOM style propriété height
Définition et utilisation
ensembles de propriétés de hauteur ou retourne la hauteur de l'élément.
hauteur attribut ne jouent un rôle dans l'élément bloc de niveau des éléments ou une position absolue / fixe. Débordement contenu d'attribut de débordement peut être limité.
grammaire
Définition de la propriété de la hauteur:
Object.style.height="auto|length|%|inherit"
hauteur Retour attributs:
Object.style.height
值 | 描述 |
---|---|
auto | 默认。浏览器设置的高度。 |
length | 使用 px、cm 等单位定义高度。 |
% | 定义高度为父元素的百分比。 |
inherit | height 属性的值从父元素继承。 |
support du navigateur
Tous les principaux navigateurs prennent en charge la hauteur des attributs.
Note: IE7 et les versions antérieures ne supportent pas la valeur "inherit".IE8 ne fournit DOCTYPE! Supporté "inherit". soutien IE9 "inherit".
Exemples
Exemples
Définit la hauteur du bouton:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("b1").style.height="50px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="修改按钮高度">
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function displayResult(){
document.getElementById("b1").style.height="50px";
}
</script>
</head>
<body>
<input type="button" id="b1" onclick="displayResult()" value="修改按钮高度">
</body>
</html>
Essayez »
style Objets