oujood.com

jQuery La méthode innerHeight() et innerWidth()

La méthode .innerHieght et La méthode .innerWidth sont utilisées pour Obtenir la hauteur et la largeur calculées actuelle pour un élément html

chercher |

Définition et Usage La méthode innerHeight()

La méthode .innerHieght() est utilisée pour Obtenir la hauteur calculée actuelle pour le premier élément dans l'ensemble des éléments sélectionnés, y compris le padding, mais sans les frontières.

Syntaxe

$(sélecteur) .innerHeight()

La méthode .innerHeight() renvoie la hauteur de l'élément, y compris le padding haut et bas de l'élément, en pixels. La méthode .innerHeight() n'est pas applicable aux objets window et document ; dans ce cas, utilisez plutôt .height() .

Exemple : Obtenez l'innerHeight d'un paragraphe.

Sélectionner le code

<!DOCTYPE html>
<html>
<head>
  <script" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 
<script">
$(document).ready(function(){
  $("button").click(function(){
      var p = $("p:first");
    $("p:last").html( "La hauteur calculée est: <span>" + p.innerHeight() +"</span> px");
    });
  });
</script>
<style>p { margin:10px;padding:5px;border:2px solid #666; }
span{color: #f00}</style>
</head>
<body>
<p>Ceci est un paragraphe.</p>
<button>Calculer la hauteur </button>
</body>
</html>

 

Définition et Usage La méthode innerWidth()

La méthode .innerHieght() est utilisée pour Obtenir la largeur calculée actuelle pour le premier élément dans l'ensemble des éléments sélectionnés, y compris le padding, mais sans les frontières.

Syntaxe

$(sélecteur) .innerWidth()

La méthode .innerWidth() renvoie la largeur de l'élément, y compris le padding gauche et droit de l'élément, en pixels. La méthode .innerWidth() n'est pas applicable aux objets window et document ; dans ce cas, utilisez plutôt .width() .

Exemple : Obtenez l'innerWidth d'un paragraphe.

Sélectionner le code

<!DOCTYPE html>
<html>
<head>
  <script" src="https://code.jquery.com/jquery-3.6.0.min.js"></script> 
<script">
$(document).ready(function(){
  $("button").click(function(){
      var p = $("p:first");
    $("p:last").html( "La largeur calculée est: <span>" + p.innerWidth() +"</span> px");
    });
  });
</script>
<style>p { margin:10px;padding:5px;border:2px solid #666; }
span{color: #f00}</style>
</head>
<body>
<p>Ceci est un paragraphe.</p>
<button>Calculer la largeur </button>
</body>
</html>

 



Par gerywa 25 juillet 2014

MARKETPOWER-IA
Logiciel d'I.A.
Logiciel d'I.A. 100% Français pour lancer son business en ligne

La méthode secrète likes sans fin sur Facebook

Livre numérique court pour comprendre la méthode secrète permettant d'obtenir des likes sans fin sur Facebook.

GAGNER DE L'ARGENT
GRÂCE À FACEBOOK 
N'A JAMAIS ÉTÉ SI FACILE


Consulter


1tpe