-1
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> 

ありがとう!

4

3 に答える 3

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 が更新されました

于 2013-01-21T04:33:07.270 に答える
0

loop(for(i=0;i<splittedArray;i++))とjQueryを使用して、innerHtmlを単語としてdomにdivタグを追加できます。

基本的に、配列に入れたら、好きな場所に置くことができます。jQueryを使用すると簡単にできます。ただし、jscriptだけでそれを行うこともできます。

于 2013-01-21T04:27:03.230 に答える
0

これは、 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

于 2013-01-21T04:27:10.773 に答える