DOM तत्वों के भीतर पंक्तियों की गिनती

DOM तत्व के भीतर पाठ की पंक्तियों की संख्या निर्धारित करना संभव है, लेकिन इसके लिए कुछ विचार की आवश्यकता है तत्व की शैली और आयामों का।

DOM में स्वचालित ब्रेक

टेक्स्ट में स्वचालित लाइन ब्रेक सीधे DOM में ही प्रदर्शित नहीं होते हैं। DOM में केवल मूल पाठ सामग्री होती है। फ़ॉन्ट लाइन की ऊंचाई से ऊंचाई को विभाजित करके पंक्तियों की संख्या।

var divHeight = document.getElementById('content').offsetHeight; var लाइनहाइट = document.getElementById('content').style.lineHeight; var लाइनें = divHeight / लाइनहाइट; ]

उदाहरण

var divHeight = document.getElementById('content').offsetHeight;
var lineHeight = document.getElementById('content').style.lineHeight;
var lines = divHeight / lineHeight;

फ़ंक्शन काउंटलाइन्स() { var el = document.getElementById('content'); var divHeight = el.offsetHeight; var लाइनहाइट = पार्सइंट(el.style.lineHeight); var लाइनें = divHeight / लाइनहाइट; चेतावनी ("पंक्तियाँ:" पंक्तियाँ); }

यह कोड div तत्व में लाइनों की संख्या के साथ एक अलर्ट प्रदर्शित करता है।