Nasıl DOM öğesinin içine metin satır sayısı miyim? Miyim?

SORU

23 NİSAN 2009, PERŞEMBE

Nasıl DOM öğesinin içine metin satır sayısı miyim? Miyim?

Örneğin bir div içinde satır sayısı için bir yolu varsa merak ediyorum. Öyle gibi: bir div var diyelim

<div id="content">hello how are you?</div>

Birçok faktöre bağlı olarak, sayı bir, iki, hatta dört satırlık bir metin var. Bilmek komut dosyası için herhangi bir yolu var mı?

Diğer bir deyişle, otomatik sonları DOM temsil edilmektedir?

CEVAP

23 NİSAN 2009, PERŞEMBE

Eğer div boyutunu içeriğine bağlı açıklamasından durum sanırım) sonra div yüksekliğini kullanarak alabilirsiniz:

var divHeight = document.getElementById('content').offsetHeight;

Yazı tipi ve satır yüksekliğini bölün:

document.getElementById('content').style.lineHeight;

Ya da satır yüksekliğini almak için açıkça ayarlanmış bulmazlarsa:

var element = document.getElementById('content');
document.defaultView.getComputedStyle(element, null).getPropertyValue("lineHeight");

Ayrıca hesap doldurma ve inter-satır aralığı herhangi içine almak gerekir.

EDİT

Tam otomatik test, açıkça çizgi-yükseklik ayarı bilgiler:

<html>
<script>
function countLines() {
    var divHeight = document.getElementById('content').offsetHeight;
    var lineHeight = parseInt(document.getElementById('content').style.lineHeight);
    var lines = divHeight / lineHeight;
    alert("Lines: "   lines);
}
</script>
<body onload="countLines();">
<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>
</body>
</html>

Bunu Paylaş: