Javascript.可以在分裂的单词上添加id ??使用word.split(“;”)

Javascript. It is possible to add id on splitted word?? using word.split("")

本文关键字：split word 使用 id 分裂 添加 单词 Javascript      更新时间：2023-09-26
var wtc = document.getElementById("sw").value;
var cw = wtc.split("").join('    ');
cw.toString();
var x=document.getElementById("demo");
x.innerHTML=cw;

我有这个代码。我怎么能把id加到分裂的(我说的对吗??)这个词上…有可能吗?我想要的是在每个被分割的字母上加上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>

谢谢!

你的意思是:

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

更新Demo:: jsFiddle更新

您可以使用一个循环(for(i=0;i<splittedArray;i++))和jQuery添加div标签的dom与innerHtml是字。

基本上，一旦你在数组中有了它，你就可以把它放在任何你想要的地方。我发现jQuery让它变得简单;但是，您也可以单独通过jscript来完成。

这可以很容易地使用jQuery。

var letters = $('#sw').val().split('');
$.each(letters, function(i, letter) {
    $('<div />', {
        id: 'DIVtext'+ i,
        text: letter
    }).appendTo('#demo');
});

JSFiddle

如果不能使用jQuery，下面是你可以使用普通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

相关文章：