Bagaimanakah JavaScript Dapat Mengesan Limpahan Elemen?

Mengesan Limpahan Elemen dengan JavaScript

Untuk menentukan sama ada kandungan elemen melebihi ruang yang ditetapkan, JavaScript menyediakan pendekatan yang mudah. Fungsi isOverflown() direka untuk memastikan sama ada elemen mempunyai sebarang limpahan secara menegak, mendatar atau kedua-duanya.

Untuk menggunakan fungsi ini, hanya hantar elemen kepentingan sebagai hujah dan ia akan mengembalikan nilai Boolean menunjukkan sama ada ia telah melimpah.

function isOverflown(element) {
  return element.scrollHeight > element.clientHeight || element.scrollWidth > element.clientWidth;
}

Begini cara anda boleh menggunakan ini fungsi:

var els = document.getElementsByClassName('demos');
for (var i = 0; i < els.length; i++) {
  var el = els[i];
  el.style.borderColor = (isOverflown(el) ? 'red' : 'green');
  console.log("Element #" + i + " is " + (isOverflown(el) ? '' : 'not ') + "overflown.");
}

Dalam contoh ini, kami mengulangi semua elemen dengan kelas 'demo', semak sama ada setiap elemen telah melimpah, dan kemudian memaparkan mesej yang sepadan dengan sempadan merah atau hijau bergantung pada limpahan status.

Atas ialah kandungan terperinci Bagaimanakah JavaScript Dapat Mengesan Limpahan Elemen?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!