Bagaimanakah Saya Boleh Mengira Bilangan Baris Dalam Elemen DOM?

Mengira Baris dalam Elemen DOM

Adalah mungkin untuk menentukan bilangan baris teks dalam elemen DOM, tetapi ia memerlukan beberapa pertimbangan penggayaan dan dimensi elemen.

Pemotongan Automatik dalam DOM

Pemotongan baris automatik dalam teks tidak diwakili secara langsung dalam DOM itu sendiri. DOM hanya mengandungi kandungan teks mentah.

Mengira Garis Berdasarkan Ketinggian Elemen

Walau bagaimanapun, jika ketinggian elemen bergantung pada kandungannya, anda boleh menganggarkan bilangan baris dengan membahagikan ketinggian dengan ketinggian garis fon.

<code class="js">var divHeight = document.getElementById('content').offsetHeight;
var lineHeight = document.getElementById('content').style.lineHeight;
var lines = divHeight / lineHeight;</code>

Pelarasan untuk Jarak dan Pelapisan

Perlu diingat bahawa pelapisan dan jarak antara baris boleh menjejaskan ketepatan pengiraan ini.

Contoh

Kod berikut menunjukkan cara mengira garisan dalam elemen div dengan ketinggian garisan yang ditetapkan:

<code class="html"><div id="content" style="width: 80px; line-height: 20px">
  hello how are you? hello how are you? hello how are you? hello how are you?
</div></code>

<code class="js">function countLines() {
  var el = document.getElementById('content');
  var divHeight = el.offsetHeight;
  var lineHeight = parseInt(el.style.lineHeight);
  var lines = divHeight / lineHeight;
  alert("Lines: " + lines);
}</code>

Kod ini memaparkan amaran dengan bilangan baris dalam elemen div.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mengira Bilangan Baris Dalam Elemen DOM?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!