text length from paragraph using javascript

Question

I would like to count characters from paragraph using JavaScript. example:

HTML:

<p id="text">Example</p>

Javascript

some code

output

7.

I would like to have same effect like jQuery code:

$("#text").text().length;

but i need JavaScript some help?

I've already tried

var x = document.getElementById("text").length;

output: undefined

You are looking for element.innerText – ControlAltDel Mar 13 '18 at 18:33 — ControlAltDel, Mar 13 '18 at 18:33

Sanchit Patiyal · Accepted Answer · 2018-03-13T18:37:53.723

5

You need to get innerHTML/innerText of an element before calculating its length like this

var x = document.getElementById("text").innerText.length;
console.log("Length - " + x);

<p id="text">Example</p>

P.S Read here for Difference between innerText and innerHTML

edited Mar 13 '18 at 18:37

answered Mar 13 '18 at 18:32

Sanchit Patiyal

2

You should make the distinction between innerHTML, innerText and textContent. innerHTML will count extra spaces and span tags etc. – Daniel Gale Mar 13 '18 at 18:36
Works for me now I will be able to resize font size depends from window size it will be great typography – Piotr Mirosz Mar 13 '18 at 19:30

1 Answers1