0

こんにちは、スパン要素を作成するための実用的なコードを探しています。

私のテキストは単純で、各単語はスペースで区切られています。

コードをすばやく持ち上げるために、次のようにスパンを作成する必要があります。以下で説明するように、各単語には W1、W2 などの一意の ID があります。

<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 Expression Web と VB Studio を持っています。これは、ローカルに保持して作成し続けることができるツールです。

このリンクがウェブ上で何かをしているのを見ます。

4

2 に答える 2

1

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-27T15:01:00.870 に答える
1 
// 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-27T15:12:12.360 に答える