Span в Петле Javascript

Question

У меня есть код

function splitString(stringToSplit, separator) { 

var str= "It’s that time of year when you clean out your closets, dust off shelves, and spruce up your floors. Once you’ve taken care of the dust and dirt, what about some digital cleaning? Going through all your files and computers may seem like a daunting task, but we found ways to make the process fairly painless." 
var myArray = stringToSplit.split(" ") 



for (var i=0; i < myArray.length; i++) 
{ 

} 
var yourSpan = document.createElement('span'); 
yourSpan.innerHTML = ""; 

var yourDiv = document.getElementById('divId'); 
yourDiv.appendChild(yourSpan); 

yourSpan.onmouseover = function() { 
    alert("On MouseOver"); 

} 

и HTML У меня есть

<div id="transcriptText"> It’s that time of year when you clean out your 
closets, dust off shelves, and spruce up your floors. Once you’ve taken 
care of the dust and dirt, what about some digital cleaning? Going 
through all your files and computers may seem like a daunting task, but 
we found ways to make the process fairly painless.</div> 
<br> 
<div id="divideTranscript" class="button">&nbsp;Transform the 
Transcript!&nbsp; </div>T 

Мне нужно создать поверочную внутри цикла, мне нужно создать пролет, добавить класс и атрибут id (который отличается для каждого слова - он включает индекс массива (i)) в элемент span, добавляет слово внутри span, добавляет прослушиватели событий mouseover/mouseout в диапазон, добавляет диапазон к оригиналу дела. Может ли кто-нибудь помочь мне в этом не так много, я просто не уверен, как мне следует делать эти окончательные изменения.

Answer 1

var yourDiv = document.getElementById('divId'); 
for (var i = 0; i < myArray.length; i++) { 
    var yourSpan = document.createElement('span'); 
    yourSpan.innerText = myArray[i]; 
    yourSpan.id = "yourspan_" + i; 
    yourSpan.className = "yourclass"; 
    yourDiv.appendChild(yourSpan); 
    yourSpan.onmouseover = function() { 
     alert("On MouseOver"); 
    } 
}