Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 24.02.2024, 00:11
Новичок на форуме
Отправить личное сообщение для Firefly Посмотреть профиль Найти все сообщения от Firefly
 
Регистрация: 26.06.2021
Сообщений: 5

Проблема с заменой текста на странице
Подскажите, как исправить этот пример.
При нажатии на кнопку нужно выделить цветом слова "world".
В первом span-элементе все правильно, а во втором - возникает проблема (портится верстка, выделяется не то, что надо), т.к. присутствуют символы < >


<html>
<head>
	<script>
function changeColor(){
	var colorStyle = 'background-color: #00ff00;';
	var rx = new RegExp('(world)', 'gi');

	var xpath = document.evaluate(
		'.//text()[normalize-space() != "" ]',
		document.body, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
	
	for (var i = 0, len = xpath.snapshotLength; i < len; i++) {
		var textNode = xpath.snapshotItem(i);
		var sp = document.createElement('span');
		sp.innerHTML = textNode.nodeValue.replace(rx, '<span style="' + colorStyle + '">$1</span>');
		textNode.parentNode.replaceChild(sp, textNode);
	}
}
	</script>
</head>

<body>
<div>
	<span>tag helloworld is used all over the world</span> <br>
	<span>tag &lt;helloworld&gt; is used all over the world</span>
</div>
<button onclick="changeColor();">button</button>
</body>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 24.02.2024, 09:42
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,076

Firefly,
https://javascript.ru/forum/misc/851...u-skripta.html
Ответить с цитированием
  #3 (permalink)  
Старый 24.02.2024, 13:28
Новичок на форуме
Отправить личное сообщение для Firefly Посмотреть профиль Найти все сообщения от Firefly
 
Регистрация: 26.06.2021
Сообщений: 5

Получилось. Большое спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Обрезка текста до и после нужной фразы с последующей заменой kovalenko3331 Общие вопросы Javascript 17 17.09.2019 16:41
Проблема в коде развертывания/свертывания текста на мобильных Autoflex Ваши сайты и скрипты 0 24.02.2016 02:09
Проблема в читалке текстов для людей с плохим зрением Exhaust_ Элементы интерфейса 0 07.06.2015 19:49
Поиск текста на web странице средствами JS ацкий Общие вопросы Javascript 5 04.02.2012 13:34
проблема с передачей русского текста в Prototype subaru Prototype & script.aculo.us 2 26.07.2007 16:56