动态创建Span元素

你好，我正在寻找一些工作代码来创建span元素。动态创建Span元素

我的文字很简单，每个单词都是由空格分隔的。

我需要创建如下的跨度，以便我可以快速解除代码。如下所述，每个单词都有唯一的ID，如W1，W2等。

<p> 
    <!-- I need to create span as follow so that --> 
    <span id="W1">I</span> 
    <span id="W2">need</span> 
    <span id="W3">to/span> 
    <span id="W4">create</span> 
    <span id="W5">span</span> 
    <span id="W6">as</span> 
    <span id="W7">follow</span> 
    <span id="W8">so</span> 
    <span id="W9">that</span> 
</p>

谢谢。

我有MS表达网络和VB工作室，任何工具，我可以保持本地和不断创建。

I see this link on web doing something.

来源

2013-03-27 user79292

闻起来像作业... – VisioN 2013-03-27 14:47:34

[你有什么尝试]（http://whathaveyoutried.com）？ – 2013-03-27 14:56:59

的Html

<body> 
    <p> 
    </p> 
</body>

的js

<script> 
    var sString = "asdf sadfasd f sdfasd fasdfasdfasdf"; 
    var aString = sString.split(' '); 

    for (var i=0;i<aString.length;i++) 
    { 
     document.getElementsByTagName("p")[0].innerHTML += '<span class="w' + i + '">' + aString[i] + '</span>' 
    } 
</script>

而且总是发布您的代码，即使它看起来你错误愚蠢的:)

来源

2013-03-27 15:01:00 MyMomSaysIamSpecial

你好，感谢这个代码。我正在使用一些编辑器手动执行此操作，并将代码放入我的xhtml文件中。我需要一些东西，以便我可以看到生成的HTML代码，如示例中所示。任何帮助将有所帮助。 – user79292 2013-03-27 15:23:14

快速和肮脏：'提示（“复制n粘贴这个”，document.getElementsByTagName（“p”）[0] .innerHTML）;'在上述脚本的末尾。 – James 2013-03-27 15:53:38

如果你使用firefox进行浏览，你可以安装firebug插件，对于web开发者来说真的很棒 – MyMomSaysIamSpecial 2013-03-29 11:41:58

// You either have a string 
var mysentence = "I need to do my homework"; 

// or a paragraph 
<p id="words">I need to do my homework</p> 
// get sentence 
var mysentence = document.getElementById('words'); 


function spanify(sentence) { 
    var arrayOfStrings = sentence.split(" "), newString = ""; 
    for (var i=0; i < arrayOfStrings.length; i++){ 
     newString += "<span id='W" + i + "'>" + arrayOfStrings[i] + "</span>"; 
     } 
     return newString; 
    } 

// spanify the sentence 
spanify(mysentence);

来源

2013-03-27 15:12:12 PHearst

动态创建Span元素

回答

相关问题