Wie kann ich feststellen, ob Textinhalt ein DIV-Element in JavaScript überläuft?

Erkennen eines vertikalen Überlaufs in einem DIV-Element

Die Feststellung, ob der vertikale Textinhalt eines DIV-Elements seine Grenzen überschreitet, kann für die Aufrechterhaltung der Schnittstellenintegrität von entscheidender Bedeutung sein. Um diesen Überlauf zu erkennen, wird ein Vergleich zwischen den scrollHeight- und clientHeight-Eigenschaften eines Elements empfohlen.

Implementierung:

Berücksichtigen Sie den folgenden HTML- und CSS-Code:

<code class="html"><div id="tempDiv" class="rounded">
  Lorem ipsum dolor sit amet,
  consectetur    adipiscing elit. Phasellus vel quam vestibulum orci blandit laoreet.
</div></code>

<code class="css">div.rounded {
  background-color: #FFF;
  height: 123px;
  width: 200px;
  font-size: 11px;
  overflow: hidden;
}</code>

Um einen Überlauf zu erkennen, fügen Sie den unten bereitgestellten JavaScript-Code in die Seite ein:

<code class="javascript">function GetContainerSize() {
  var container = document.getElementById("tempDiv");
  var message = "The width of the contents with padding: " + container.scrollWidth + "px.\n";
  message += "The height of the contents with padding: " + container.scrollHeight + "px.\n";

  alert(message);
}</code>

Wenn diese Funktion ausgeführt wird und eine Warnung angezeigt wird, zeigt der Vergleich der scrollHeight- und clientHeight-Werte an, ob der Text überläuft das DIV.

Weitere Ressourcen:

Weitere Informationen zu diesem Thema finden Sie unter der folgenden URL:
http://help.dottoro .com/ljbixkkn.php

Das obige ist der detaillierte Inhalt vonWie kann ich feststellen, ob Textinhalt ein DIV-Element in JavaScript überläuft?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!