Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.76/63: Рейтинг темы: голосов - 63, средняя оценка - 4.76
6 / 6 / 1
Регистрация: 10.06.2010
Сообщений: 69

Как узнать содержимое указанного тега?

28.09.2010, 12:00. Показов 12457. Ответов 9
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Как сделать подобное в коде ниже, только работающий вариант?

JavaScript
1
2
var p = document.getElementsByTagName("p");
p.replace("qwerty","12345");
то есть во всех тегах <P> заменяем «qwerty» на «12345». мне нужно без фреймворков.
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
28.09.2010, 12:00
Ответы с готовыми решениями:

Как скопировать всё содержимое тега (включая другие теги и их содержимое) и вставить внутрь другого тега
Пробовал .clone $(&quot;.la_desktop&quot;).clone().appendTo(&quot;.la_mobile&quot;); HTML: &lt;div class=&quot;l_articles la_desktop&quot;&gt; ...

Как изменить содержимое тега через объектную модель документа?
Надо с помощью javascript изменить содержимое произвольного тэга: Пример: &lt;tag&gt;содержимое&lt;/tag&gt;, где имя tag - произвольно. ...

Передать содержимое тега в переменную
Каким образом передать в переменную содержимое &lt;p id=&quot;theone&quot;&gt;Содержимое&lt;/p&gt;

9
БТР - мой друг
 Аватар для Hagrael
333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
28.09.2010, 14:41
cyber-man, тут с innerHTML нужно работать.

Добавлено через 21 секунду
Т. е. element.innerHTML.replace(...)
1
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
28.09.2010, 15:32
document.getElementsByTagName("p") возвращает коллекцию из всех элементов <p>. Доступ к каждому <p> будет аналогично элементам массива:
JavaScript
1
2
3
4
var ps = document.getElementsByTagName("p");
for (var i = 0, L = ps.length; i < L; i++) {
    // ps[i]
};
А дальше интереснее. Если внутри Ваших <p> заведемо только plaintext без лишних тегов, то
JavaScript
1
    ps[i].innerHTML = ps[i].innerHTML.replace("qwerty", "12345");
А вот если там может быть текст с дополнительными тегами
HTML5
1
<p>foo <b>bar</b> <img /> <span attr="valur">lol</span></p>
то тут все сложнее.
1
БТР - мой друг
 Аватар для Hagrael
333 / 277 / 47
Регистрация: 07.01.2010
Сообщений: 1,932
28.09.2010, 15:38
Vovan-VE, а что тогда? Ведь всё должно быть также по идее.
0
6 / 6 / 1
Регистрация: 10.06.2010
Сообщений: 69
28.09.2010, 15:41  [ТС]
Vovan-VE, спасибо! всё работает как я и хотел
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
28.09.2010, 15:48
Цитата Сообщение от Hagrael Посмотреть сообщение
Vovan-VE, а что тогда? Ведь всё должно быть также по идее.
Если просто работать с innerHTML, то обязательно закосячатся атрибуты элементов, если таковые найдутся. Надо перебрать дерево дочерних нодов (элементов и текстовых нод) и изменять в них текст.
0
6 / 6 / 1
Регистрация: 10.06.2010
Сообщений: 69
28.09.2010, 16:20  [ТС]
а вот ещё вопрос. как узнать, сколько элементов «\n» в указанном теге?
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
28.09.2010, 16:23
Цитата Сообщение от cyber-man Посмотреть сообщение
как узнать, сколько элементов «\n» в указанном теге?
Под "элементами «\n»" понимаются символы новой строки или <br/>?
0
6 / 6 / 1
Регистрация: 10.06.2010
Сообщений: 69
28.09.2010, 16:25  [ТС]
Цитата Сообщение от Vovan-VE Посмотреть сообщение
Под "элементами «\n»" понимаются символы новой строки или <br/>?
да, мне надо посчитать кол-во символов новой строки
0
 Аватар для Vovan-VE
13210 / 6599 / 1041
Регистрация: 10.01.2008
Сообщений: 15,069
28.09.2010, 16:32
JavaScript
1
2
3
4
var m;
...
    m = ps[i].innerHTML.match(/\r\n?|\n/g);
    alert(m.length);
Добавлено через 28 секунд
PS: "Символы новой строки" бывают "\r", "\r\n" и "\n".
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
28.09.2010, 16:32
Помогаю со студенческими работами здесь

Определить содержимое XML тега
сервер присылает ответ в виде XML. Нужно определить текст в XML теге, например из &lt;title&gt;123456&lt;/title&gt; нужно извлечь 123456. ...

Узнать имя тега
Доброе утро/день/вечер. Вот такие дела: Где-то в тексте html живет ссылка: &lt;a href=&quot;silka.php&quot;...

При выборе из выпадающего меню одного из вариантов, в определенном месте меняется содержимое тега <p>
Доброго времени суток! Есть такая задача: при выборе из выпадающего меню одного из вариантов, в определенном месте меняется содержимое...

Содержимое тега из строки
делаю аякс запрос. в ответ приходи html. Как теперь из полученного html получить содержимое определенных тегов? т.е. получаю ответ...

Раскрыть содержимое тега p при нажатии на радио-кнопку
Ребята помогите пожалуйста начинающему программисту. Есть код: &lt;div&gt; &lt;input type=&quot;radio&quot;...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
10
Ответ Создать тему
Новые блоги и статьи
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL3_image
8Observer8 27.01.2026
Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru