динамически создает элемент Span

Здравствуйте, я ищу некоторый рабочий код для создания элементов span.динамически создает элемент Span

Мой текст прост, каждое слово разделено пробелом.

Мне нужно создать промежуток, как следует, чтобы я мог быстро поднять код. Как упоминается ниже, каждое слово имеет уникальный идентификатор как 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

[Что вы пробовали] (http://whathaveyoutried.com)? –

Html

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

<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

Быстрая и грязная: 'prompt (« Копировать n вставить это », document.getElementsByTagName (« p ») [0] .innerHTML);' в конце вышеприведенного скрипта. – James

Если вы используете Firefox для просмотра, вы можете установить плагин firebug, действительно потрясающий инструмент для веб-разработчика – MyMomSaysIamSpecial

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

ответ

Смежные вопросы