How to wrap all the words of a page in a span tag?

Question

JavaScript

How to enclose all space-separated words that are visible in the browser window in a span tag in an html page?

For example, it was:

<div>
Слово1 
<p>Слово2</p>
<button>Слово3 Слово4</button>
</div>

It became:

<div>
 <span>Слово1</span>
 <p><span>Слово2</span></p>
 <button><span>Слово3</span> <span>Слово4</span></button>
</div>

Answer 1

Something like this: jsfiddle.net/tadfd8t1 but I need to finish it, it seems to me ...

Answer 2

regex!

Answer 3

you may ask why?