Javascript。可以在拆分的单词上添加id？？使用word.split（“拆分”）

我有这个密码。如何将id添加到拆分的（我的术语正确吗？？）单词中。。有可能吗？ 我想在每个被拆分的字母上添加id。我不知道字母的确切数字，因为它取决于用户输入的单词

比如说。我从斯普利特那里得到这个词

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

我希望它是这样的。或者任何具有id:）

W
O
R
M

---

谢谢

您可以为（i=0；i使用循环（

），使用可以非常轻松地实现这一点

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

var字母=$（'#sw'）.val（）.split（''）；
$。每个（字母，函数（i，字母）{
$('', {
id:'DIVtext'+i，
正文：信
}).appendTo（“#demo”）；
});


如果jQuery不是一个选项，那么下面是使用vanilla JS可以做的事情

var letters = $('#sw').val().split('');

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

var letters=document.getElementById（'sw'）.value.split（''），
demo=document.getElementById（'demo'）；
对于（变量i=0；i

你是说：

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);
}

var word=“WORM”.split（“”）；
var demoEle=document.getElementById（“演示”）；
for（var w=0，len=word.length；w

演示：

更新的演示：：
我建议您研究一下如何处理这些
我想不需要给它们ID。使用类并通过索引定位元素如何？@Bergi LetteringJS用于对单个字母/单词（通常用于标题等）应用简单转换，并且它几乎完全按照OP的要求来做。这是一个非常小的简单库，使用非常广泛。我希望每个字母都可以点击。：）如果可能的话。我只是想输入这样的内容。我很高兴看到并不是每个人都在添加外部库。@Sudhir你能添加这一行吗？？onClick=“CopyDIV（this.id）”请。。我不知道该把这个放在哪里。。在每封信中再问一个问题。。我希望它是我的。。我想再打一针。可能吗？是的，只需添加行
letter.onclick=function（）{}
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);
}

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 );
}