CODEWITHSUNDEEP
javascriptelement
bingdensum
bingdensum

Reputation: 21

How to get text from an element with space in javascript

The HTML code is pretty much like this

<div class="place" style="top: 4px;">
    <span class>text</span> 
    <span class>text</span>
    <span class>text</span>
</div>

For example with this code

let text = document.querySelector("div.place").textContent; //grab all text

I get all the text like this: thisisanexampletext
Is there a way to get text with spaces after each word?
like this: this is an example text

Upvotes: 2

Views: 1470

Answers (2)

Tami
Tami

Reputation: 16

It is also possible in this way..

let t = document.querySelectorAll("div.place span");

for(let i = 0; i < t.length; i++) {   
   t[i].innerHTML += " ";
}
<div class="place" style="top: 4px;">
    <span class>text</span> 
    <span class>text</span>
    <span class>text</span>
</div>

Upvotes: 0

Maik Lowrey
Maik Lowrey

Reputation: 17556

First you have to collect all the span elements. You then iterate through this collection and can read the text from each element with innerHTML / innerText. You push this into an array and at the end you can make the desired string out of it with the array function join().

let t = document.querySelectorAll("div.place span");

const text = [];
for(let i = 0; i < t.length; i++) {   
   text.push(t[i].innerHTML);
}

console.log(text.join(' '));
<div class="place" style="top: 4px;">
    <span class>text</span> 
    <span class>text</span>
    <span class>text</span>
</div>

Upvotes: 1

Related Questions