ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Все значения тэга div
12 сообщений из 12, страница 1 из 1
Все значения тэга div
    #37842012
Фотография vah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vah
Участник
Скажите пожалуйста, каким скриптом можно получить все значения страницы, находящиеся в тэге DIV?

Хотя бы намекните... )

Заранее благодарен.
...
Рейтинг: 0 / 0
18.06.2012, 00:16:34
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37842015
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
vahвсе значения страницыЧто имеется в виду - все что содержится в неком одном теге или в нескольких? А если там картинка или ссылка или iframe - что будет являться значением?
...
Рейтинг: 0 / 0
18.06.2012, 00:20:35
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37842023
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Я тоже совершенно не понял.
DIV - это контейнер, страница там быть не может (ну, разве что если страница во фрейме, а фрейм в диве). Поэтому согласен, что определение "значения страницы в диве" - абсурдное понятие. Что ты имел в виду?
...
Рейтинг: 0 / 0
18.06.2012, 00:36:59
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37842039
Фотография vah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vah
Участник
IDVsbruck,

В html-странице есть несколько тэгов div, в которые заключены текстовые значения.
Мне надо эти текстовые значения (внутри тэгов div) извлечь циклом, например в alert или еще что...
...
Рейтинг: 0 / 0
18.06.2012, 01:11:37
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37842047
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
О! Так это же совсем другое дело! А то "значения страницы" ...
Задача простецкая, но о jQuery слова нет, а на нативном давненько не писал, боюсь "мордой об асфальт" - "пацаны засмеют" ...
С утра тебе железно решение напишут, даже с вариантами ...
...
Рейтинг: 0 / 0
18.06.2012, 01:27:55
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37842081
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
asws
Участник
Вот.
Если выкинуть alert(...), то вполне себе можно встроить функцию(и) в свои постоянные наработки или JS-библиотеку .
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<script type="text/javascript">
/* Изменение стилей для всех элементов с указанным диапазоном поиска элементов
 theClass - c:	имя искомого класса элементов (если null, то независимо от классов)
 node - n:	где искать (если null, то по всему документу)
 tag - t:	какой тег искать (если null, то все)
 stiles - s:	объект с именами свойств и их значениями, или текстовая строка с именем класса
 Примеры:
 fpb_setStyles('имя_класса',null,null,{display: 'none'});
 fpb_setStyles('имя_класса','id1','div',{color: 'red', display: 'block', filter: 'alpha(opacity=50)', opacity: '0.5'});
*/
function f_setStyles(c,n,t,s) {
	var i,e,at;
	if ((typeof n!='object') || !n) n=f_myById(n); if (!n) n=document; if (!t) t='*'; c=c||null;
	at=n.getElementsByTagName(t); // at - allTags
	if ((typeof s=='object')) { for (i=at.length-1; i>=0; i--) { if (c==null || (c && at[i].className === c)) { e = at[i].style; for(var j in s) { e[j] = s[j]; alert(at[i].innerHTML); } } } }
	if (!s) s=''; if ((typeof s=='string') || s=='') { for (i=at.length-1; i>=0; i--) { if (c==null || (c && at[i].className === c)) at[i].className=s; } }
}function f_myById(n) { return typeof n == 'string' ? document.getElementById(n) : n; }
</script>
</head>
<body>
<div class="mySelected">Однажды в студеную зимнюю пору</div>
<div class="mySelected">Я из лесу вышел, был сильный мороз</div>
<div style="clear:both; height:5px;"></div>
<div class="mySelected">Гляжу, поднимается медленно в гору</div>
<div class="mySelected">Лошадка, везущая хворосту воз.</div>
<div style="clear:both; margin-top:5px;"><input type="button" value="Go" onclick="f_setStyles('mySelected',null,'div',{background: '#ffff00'})" /></div>
</body>
</html>
...
Рейтинг: 0 / 0
18.06.2012, 04:06:28
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37842395
Фотография vah
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vah
Участник
asws,

Спасибо!

А возможно ли плучить значение 201025 из этого?

Код: sql
1.
<div class="catBoxTitle"><a href="javascript:void(0)" rel="201025">Перфорированные короба</a>



Может это как-то наследуется?
...
Рейтинг: 0 / 0
18.06.2012, 11:50:40
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37842429
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
vah,

getAttribute
...
Рейтинг: 0 / 0
18.06.2012, 12:03:32
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37843353
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
aswsЕсли выкинуть alert(...), то вполне себе можно встроить функцию(и) в свои постоянные наработки или JS-библиотеку .
По мне так лучше использовать querySelectorAll или jQuery, чем Ваш метод :)

Судя по тесту он имеет преимущество только в Firefox.

Также Ваш метод не работает для элементов с несколькими классами:
Код: html
1.
<div class="mySelected division">Однажды в студеную зимнюю пору</div>
...
Рейтинг: 0 / 0
18.06.2012, 22:19:51
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37843382
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
asws
Участник
skyANA,

Вопрос ТС был - показать как считать текст в DIV.
И так думаю я исчерпывающе ответил на вопрос.
Я за бесплатно или за спасибо не буду тут за вас работать.

vah,

Для корректной работы с несколькими классами в свойстве className надо использовать indexOf(...) и substr(...) - вырезать и/или добавлять, соответственно.
И не используйте свойство innerText - его не поддерживает FF.
Приходится innerHTM использовать (IE html-теги переводит в верхний регистр, это учитывать надо).
...
Рейтинг: 0 / 0
18.06.2012, 22:51:05
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37843415
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
skyANA
Участник
asws, Вы предложили использовать свою функцию как библиотечную, я намекаю на то, что не стоит этого делать.

ТСу достаточно узнать о методе getElementsByTagName и свойствах innerHTML, innerText и textContent для решения задачи, согласно той постановке, что он предоставил.
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
</head>
<body>
  <div>Однажды в студеную зимнюю пору</div>
  <div>Я из лесу вышел, был сильный мороз</div>
  <div style="clear:both;height:5px"></div>
  <div>Гляжу, поднимается медленно в гору</div>
  <div>Лошадка, везущая хворосту воз.</div>
  <script>
    var elements = document.getElementsByTagName('DIV');
  
    for (var i = 0; i < elements.length; i++) {
      alert('Html:\n' + elements[i].innerHTML + '\n\nText:\n' + getText(elements[i]));   
    }
  
    function getText(element) {
      if (element) {
        return (typeof element.innerText == 'undefined' ? element.textContent : element.innerText);
      }
      return null;
    } 
  </script>
</body>
</html>


P.S.: а Вам стоит узнать о свойстве classList :)
...
Рейтинг: 0 / 0
18.06.2012, 23:47:53
| Ответить | Цитировать | Написать  
Все значения тэга div
    #37843433
Фотография asws
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
asws
Участник
skyANA, и другие.

Сорри.
Неподумал/забыл сразу про несколько классов одовременно).
А код взял из своих наработок, допилив его для этого примера.
На самом деле там очень неложно допилить, чтобы работало с произвольным количеством классов.
Такое ранее делал, и у меня есть - но наработка не подходит под эту тему - там меню динамичные, а здесь дивы.
...
Рейтинг: 0 / 0
19.06.2012, 00:13:11
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Все значения тэга div
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=37842023&tid=1449679]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 181ms
get topic data:
 7ms
get forum data:
 2ms
get page messages:
 45ms
get tp. blocked users:
 1ms
others: 229ms
total:  494ms
созд. / загр.: 494ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]