Bagaimanakah saya boleh menentukan sama ada kandungan teks melimpahi elemen DIV dalam JavaScript?

Susan Sarandon
Lepaskan: 2024-10-26 10:36:03
asal
537 orang telah melayarinya

How can I determine if text content overflows a DIV element in JavaScript?

Mengesan Limpahan Menegak dalam Elemen DIV

Menentukan sama ada kandungan teks menegak elemen DIV melebihi sempadannya boleh menjadi penting untuk mengekalkan integriti antara muka. Untuk mengesan limpahan ini, perbandingan antara sifat scrollHeight dan clientHeight elemen adalah disyorkan.

Pelaksanaan:

Pertimbangkan kod HTML dan CSS berikut:

<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>
Salin selepas log masuk
<code class="css">div.rounded {
  background-color: #FFF;
  height: 123px;
  width: 200px;
  font-size: 11px;
  overflow: hidden;
}</code>
Salin selepas log masuk

Untuk mengesan limpahan, masukkan kod JavaScript yang disediakan di bawah ke dalam halaman:

<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>
Salin selepas log masuk

Apabila fungsi ini dilaksanakan dan amaran muncul, membandingkan nilai scrollHeight dan clientHeight akan menunjukkan sama ada teks melimpahi DIV.

Sumber Lanjut:

Untuk maklumat tambahan tentang topik ini, sila rujuk URL berikut:
http://help.dottoro .com/ljbixkkn.php

Atas ialah kandungan terperinci Bagaimanakah saya boleh menentukan sama ada kandungan teks melimpahi elemen DIV dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!