var wtc = document.getElementById("sw").value;
var cw = wtc.split("").join(' ');
cw.toString();
var x=document.getElementById("demo");
x.innerHTML=cw;
我有这个代码。我怎样才能将div添加到splitted(我的右边是我的术语?)这个词......有可能吗? 我想要在每个被分割的字母上添加id。我不知道确切的字母数,因为它取决于用户输入的字词。
例如,。我从拆分中得到这个词。
[W][O][R][M]
我希望它成为这样的东西。或任何有id的东西:)
<div id="DIVtext1">W</div>
<div id="DIVtext2">O</div>
<div id="DIVtext3">R</div>
<div id="DIVtext4">M</div>
谢谢!
答案 0 :(得分:3)
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 );
}
演示:jsFiddle
更新了演示:: jsFiddle Updated
答案 1 :(得分:0)
您可以使用循环(for(i=0;i<splittedArray;i++)
)和jQuery将div标签添加到dom中,而innerHtml就是单词。
基本上,一旦你在阵列中拥有它,你可以把它放在你想要的任何地方。我发现jQuery让它变得简单;但是,你也可以通过jscript单独完成。
答案 2 :(得分:0)
使用 jQuery 非常容易实现。
var letters = $('#sw').val().split('');
$.each(letters, function(i, letter) {
$('<div />', {
id: 'DIVtext'+ i,
text: letter
}).appendTo('#demo');
});
<强> JSFiddle 强>
如果jQuery不是一个选项,这就是你可以用vanilla JS做的事情。
var letters = document.getElementById('sw').value.split(''),
demo = document.getElementById('demo');
for(var i = 0; i < letters.length; i++) {
var letter = document.createElement('div');
letter.innerHTML = letters[i];
letter.id = 'DIVtext'+ i;
demo.appendChild(letter);
}
<强> JSFiddle 强>