Question

var wtc = document.getElementById("sw").value;
var cw = wtc.split("").join('    ');
cw.toString();
var x=document.getElementById("demo");
x.innerHTML=cw;

I have this code. how can i add id to the splitted(am i right on my term??) word.. it is possible?
I want is to add id on each letter that is splited. I dont know the exact number of letter because it’s depend on the user’s inputted word.

for example. i have this word from split.

[W][O][R][M]

i want it to be something it this. or anything that have an id 🙂

<div id="DIVtext1">W</div> 
<div id="DIVtext2">O</div> 
<div id="DIVtext3">R</div> 
<div id="DIVtext4">M</div> 

Thanks!

Answer 1

do you mean something like:

var word = "WORM".split("");
var demoEle = document.getElementById("demo");
for(var w = 0, len = word.length; w < len; w++) {
    var divEle = document.createElement("div");
    divEle.id = "DIVtext"+(w+1);
    divEle.onclick = (function(v) { 
        return function() { copyDiv( "DIVtext" + (v+1) ) };
    })(w);
    divEle.innerHTML = word[w];
    demoEle.appendChild( divEle );
}

Demo: jsFiddle

Updated Demo:: jsFiddle Updated