Wrap span tag вокруг предложения с Javascript

Мне нужно найти предложение на моей странице и обернуть его тегом span (с классом).Wrap span tag вокруг предложения с Javascript

Это моя страница:

<body> 
<h1>Home Page</h1> 
<p>Welcome to the homepage of the site. Enjoy your stay</p> 
</body>

Использование Javascript, я хотел бы, чтобы преобразовать содержание Р в:

<p><span class="mySpan">Welcome to the homepage</span> of the site. Enjoy your stay</p>

источник

2013-06-03 user1339316

Непонятно, хотите ли вы изменить элемент html из P в SPAN или просто для стилирования элемента P. – jgpATs2w

@ jgpATs2w В основном это результат, который я бы искал: '

Добро пожаловать на домашнюю страницу сайта. Наслаждайтесь пребыванием

' – user1339316

@Alex K.: Поскольку он не помечен jquery, ответы могут отличаться. – jgpATs2w

Это то, что вам нужно сделать:

прочитайте html, используя .innerHtml или jQuery.html().
анализировать данные
записать данные обратно, используя .innerHTML или jQuery.html()

Вы можете сделать синтаксический анализ с использованием регулярных выражений и различные другие способы .. Вот простой пример выполнения так ,

var html = $("p").html(); 
html = "<span>" + html; 
html = html.replace("homepage","homepage</span>"); 
$("p").html(html);

здесь является рабочим jsFiddle: http://jsfiddle.net/QjDvR/2/

источник

2013-06-03 15:14:21

Если вы предпочитаете не использовать JQuery, попробуйте следующее:

<script> 
    P = document.getElementsByTagName('p'); 
    search = 'Welcome to the homepage'; 
    s = P[0].innerHTML.replace(search,'<span class="mySpan">' + search +'</span>'); 
    P[0].innerHTML =s; 
</script> <!-- always locate script at the end of the body --> 
</body>

НО, чтобы улучшить его, вы должны рассмотреть вопрос о включении идентификатора атрибут к элементу и выберите этот элемент с помощью метода document.getElementById ('the_id').

источник

2013-06-03 15:24:08 jgpATs2w

Wrap span tag вокруг предложения с Javascript

ответ

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