Hallo zusammen,
ich habe ein simples HTML-Dokument mit drei Absätzen. Diese haben verschiedenen Inhalt und damit verschiedene Höhen. Mit JS lese ich die Werte aus:
HTML
<!DOCTYPE html>
<html>
<body>
<p>Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non
est aute in exercitation.</p>
<p>Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non
est aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum
laborum ipsum et ex non est aute in exercitation.</p>
<p>Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non
est aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore pariatur. Adipisicing cillum
laborum ipsum et ex non est aute in exercitation. Aute tempor Lorem consequat sunt anim incididunt sit dolore
pariatur. Adipisicing cillum laborum ipsum et ex non est aute in exercitation. Aute tempor Lorem consequat sunt anim
incididunt sit dolore pariatur. Adipisicing cillum laborum ipsum et ex non est aute in exercitation.</p>
<script>
let x, z;
x = document.getElementsByTagName('p');
for (z = 0; z < x.length; z++) {
console.log(x[z].offsetHeight)
}
</script>
</body>
</html>
Alles anzeigen
Nun möchte ich gern eines dieser drei Elemente mit JS formatieren, z. B. das höchste. Allerdings habe ich keinen Ansatz, wie ich das Element mit dem höchsten Wert für offsetHeight anspreche, zumal der Wert durchaus veränderlich sein kann. Wie realisiert man so etwas üblicherweise in JS? Hättet Ihr bitte einen Tipp für mich?
Danke und Gruß
Felix