Sometimes, we want to count text lines inside a DOM element with JavaScript.
In this article, we’ll look at how to count text lines inside a DOM element with JavaScript.
How to count text lines inside a DOM element with JavaScript?
To count text lines inside a DOM element with JavaScript, we divide the element’s height by the line height.
For instance, we write
const el = document.getElementById("content");
const divHeight = el.offsetHeight;
const lineHeight = parseInt(el.style.lineHeight);
const lines = divHeight / lineHeight;
tro get the el element with getElementById.
We get el‘s height with offsetHeight.
And we get its line height with lineHeight.
Finally we divide divHeight by lineHeight to get the number of lines.
Conclusion
To count text lines inside a DOM element with JavaScript, we divide the element’s height by the line height.
