Maison > interface Web > Questions et réponses frontales > Comment définir la hauteur d'un élément en javascript

Comment définir la hauteur d'un élément en javascript

青灯夜游
Libérer: 2023-01-11 09:20:35
original
10643 Les gens l'ont consulté

Méthode de paramétrage : 1. Utilisez l'instruction "document.getElementById("id value")" pour obtenir l'objet élément spécifié ; 2. Utilisez "element object.style.height="value"" ou "element object.style. cssText="hauteur : valeur "" instruction à définir.

Comment définir la hauteur d'un élément en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

javascript définit la hauteur de l'élément

1. Obtenez l'objet de l'élément

document.getElementById("id值")
Copier après la connexion

2 Définissez la hauteur de l'élément

  • Utilisez l'attribut object.style. name="value"对象.style.属性名="值"

  • 使用对象.style.cssText="属性名:值"

Utilisez object.style.cssText="property name:value"

Exemple

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
  </head>
  <body>
  	<textarea>文本框默认宽度</textarea><br>
    <textarea id="text1">文本框高度设置为50px</textarea><br>
	<textarea id="text2">文本框高度设置为100px</textarea>
	<script type="text/javascript">
		document.getElementById("text1").style.height="50px";
		document.getElementById("text2").style.cssText="height:100px";
	</script>
  </body>
</html>
Copier après la connexion
Comment définir la hauteur dun élément en javascriptRendu :

【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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal