Maison > Article > interface Web > Comment changer la largeur et la hauteur des éléments en javascript
Comment changer la largeur et la hauteur des éléments en javascript
- 青灯夜游original
- 2021-11-08 17:08:585507parcourir
Méthode de changement : 1. Utilisez l'instruction "getElementById()" pour obtenir l'objet élément en fonction de la valeur de l'identifiant ; 2. Utilisez l'instruction "element object.setAttribute("style", "width: width value; height: height value ;")" instruction pour modifier la largeur et la hauteur de l'élément.
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
En javascript, vous pouvez utiliser la méthode setAttribute() pour modifier la largeur et la hauteur des éléments. La méthode
setAttribute() ajoute cet attribut spécifié et lui attribue la valeur spécifiée. Si cette propriété spécifiée existe déjà, la valeur est uniquement définie/modifiée.
Grammaire :
元素对象.setAttribute('属性','属性值');
Code d'implémentation :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border: 1px solid red;
}
</style>
</head>
<body>
<div id="div" style="width: 200px;height: 200px;"></div>
<script>
var div=document.getElementById("div");
div.setAttribute("style","width: 100px;height: 100px;");
</script>
</body>
</html>Rendu :
[Apprentissage recommandé : Tutoriel avancé javascript]
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!