par

Comment puis-je compter le nombre de lignes d'une balise HTML <div> en JavaScript ?

1 Réponse

+1 validé
par

Pour compter le nombre de lignes d'une balise HTML, en JavaScript, vous devez procédez comme suit :

  • Mesurer la hauteur de la balise HTML avec la propreté JavaScript offsetHeight.
  • Spécifier une hauteur de ligne à la balise HTML avec la propriété CSS line-height.
  • Diviser la hauteur de la balise par la hauteur de ligne.

Voici un exemple pour compter le nombre de lignes d'une balise HTML :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Comment compter le nombre de lignes en JavaScript ?</title>
</head>
<body>
<div id="contenu" style="line-height: 20px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lobortis et augue a pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mollis dolor, ultrices maximus est. Aliquam vitae interdum nisl. Proin tempus lectus quis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam lobortis et augue a pellentesque. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a mollis dolor, ultrices maximus est. Aliquam vitae interdum nisl. Proin tempus lectus quis.</div>
<button onclick="compterLignes()">Compter les lignes</button>
<script> 
function compterLignes() {                             
var contenu = document.getElementById('contenu');    
var hauteurDiv = contenu.offsetHeight;
var hateurLigne = parseInt(contenu.style.lineHeight);
var nombreLignes = hauteurDiv / hateurLigne; 
alert("Nombre de lignes: " + nombreLignes); 
} 
</script> 
</body>
</html>

Lecture Recommandée

Edward Snowden - Mémoires vives

"Je m'appelle Edward Joseph Snowden. Avant, je travaillais pour le gouvernement mais aujourd'hui je suis au service de tous. Il m'a fallu près de trente ans pour saisir la différence et quand j'ai compris, ça m'a valu quelques ennuis au bureau."

L'homme qui a tout risqué pour dénoncer la surveillance globale, ou l'extraordinaire histoire d'un garçon brillant qui a grandi "en ligne", d'un homme devenu espion, puis lanceur d'alerte, et, en exil, la consciencce de l'internet.

Mémoires vives est un témoignage exceptionnel, également disponible en numérique.

Sujets Connexes

Offre Sponsorisée

Ailleurs sur le Web

Merci pour votre visite sur 1FORMATIK.com

Un petit clic sur la pub est toujours apprécié, c'est elle qui finance le site

Bon surf

...