VPF::Замена строки в конкретном <div></div>

disketa

Дата 12.5.2010, 11:35 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 12.5.2010

Репутация: нет
Всего: нет

Подскажите пожалуйста как можно с помощью Java Script произвести замену слова в тексте находящемся в конкретном <div>

К примеру имеется на странице следующий код:

<div id=12345>
Тут всякий текст написан, с различными словами
</div>

Нужно заменить через Java Script, слово "различными" на "верными"

Как это сделать?

GoldFinch

Дата 12.5.2010, 11:37 (ссылка)

(нет голосов)

Загрузка ...

Профиль
Группа: Завсегдатай
Сообщений: 2141
Регистрация: 30.11.2008

Репутация: нет
Всего: 26

брать innerHTML, заменять регуляркой, устанавливать innerHTML

disketa

Дата 12.5.2010, 12:49 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 12.5.2010

Репутация: нет
Всего: нет

Я к сожалению новичок в JavaScript, что такое innerHTML и как его использовать?
Подскажите пожалуйста подробнее

GoldFinch

Дата 12.5.2010, 13:03 (ссылка)

(нет голосов)

Загрузка ...

Профиль
Группа: Завсегдатай
Сообщений: 2141
Регистрация: 30.11.2008

Репутация: нет
Всего: 26

disketa,
innerHTML - это свойство каждого элемента DOM, позволяет получать и устанавливать html код внутри элемента

возьмите любой учебник по JavaScript прочитайте раздел про DOM, потом про регулярные выражения

можете почитать вот это
http://www.w3schools.com/jsref/default.asp

disketa

Дата 12.5.2010, 13:16 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 12.5.2010

Репутация: нет
Всего: нет

Пробую делать так:

Код


<div id="txt1">
Проверка работы для замены ключевого слова!
</div>

<script language="JavaScript">
var reg=/ключевого слова/g/i
var fDiv = document.getElementById('txt1');
var s=fDiv.replace(reg, "новое слово");
fdiv.innerHTML = s; 
</script>

Не работает, в чём может быть дело?

GoldFinch

Дата 12.5.2010, 13:37 (ссылка)

(нет голосов)

Загрузка ...

Профиль
Группа: Завсегдатай
Сообщений: 2141
Регистрация: 30.11.2008

Репутация: нет
Всего: 26

Код


var fDiv = document.getElementById('txt1');
fDiv.innerHTML = fDiv.innerHTML.replace(/ключевого слова/gi, "новое слово");

не забывайте соблюдать одинаковое написание имен:
fDiv ... fdiv.innerHTML = ...

Это сообщение отредактировал(а) GoldFinch - 12.5.2010, 13:37

disketa

Дата 12.5.2010, 13:40 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 12.5.2010

Репутация: нет
Всего: нет

Спасибо

всё заработало!

Добавлено через 14 минут и 17 секунд
Ах да, забыл спросить как использовать переменную для создания шаблона замена строки, тоесть как грамотно сделать следующие:

Код


<script language="JavaScript">
var fDiv = document.getElementById('txt1');
var s = 'ключевого слова';
fDiv.innerHTML = fDiv.innerHTML.replace(/s/gi, "<b>" + s + "</b>");
</script>

Чтобы всё заработало в этом примере!

disketa

Дата 12.5.2010, 15:29 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 22
Регистрация: 12.5.2010

Репутация: нет
Всего: нет

Делаю так:

Код


<div id="txt1">
Проверка работы для замены ключевого слова!
</div>

<script language="JavaScript">
var fDiv = document.getElementById('txt1');
var s = /ключевого слова/gi
fDiv.innerHTML = fDiv.innerHTML.replace(s, "<b>" + s + "</b>");
</script>

В результате выполнения скрипта текст меняется на:

Проверка работы для замены /ключевого слова/gi!

Как убрать / и /gi
Подскажите пожалуйста !?

нуп

Дата 12.5.2010, 15:42 (ссылка)

(нет голосов)

Загрузка ...

Ботокодер

Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 12
Всего: 33

Код


<script language="JavaScript">
var fDiv = document.getElementById('txt1');
var s = 'ключевого слова';
fDiv.innerHTML = fDiv.innerHTML.replace(/s/gi, "<b>" + s + "</b>");
</script>

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »