Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Все значения тэга div / 12 сообщений из 12, страница 1 из 1
18.06.2012, 00:16:34
    #37842012
vah
vah
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Все значения тэга div
Скажите пожалуйста, каким скриптом можно получить все значения страницы, находящиеся в тэге DIV?

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

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

В html-странице есть несколько тэгов div, в которые заключены текстовые значения.
Мне надо эти текстовые значения (внутри тэгов div) извлечь циклом, например в alert или еще что...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2012, 01:27:55
    #37842047
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Все значения тэга div
О! Так это же совсем другое дело! А то "значения страницы" ...
Задача простецкая, но о jQuery слова нет, а на нативном давненько не писал, боюсь "мордой об асфальт" - "пацаны засмеют" ...
С утра тебе железно решение напишут, даже с вариантами ...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2012, 04:06:28
    #37842081
asws
asws
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Все значения тэга div
Вот.
Если выкинуть 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, 11:50:40
    #37842395
vah
vah
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Все значения тэга div
asws,

Спасибо!

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

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



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

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

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

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

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

vah,

Для корректной работы с несколькими классами в свойстве className надо использовать indexOf(...) и substr(...) - вырезать и/или добавлять, соответственно.
И не используйте свойство innerText - его не поддерживает FF.
Приходится innerHTM использовать (IE html-теги переводит в верхний регистр, это учитывать надо).
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
18.06.2012, 23:47:53
    #37843415
skyANA
skyANA
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Все значения тэга div
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
| Ответить | Цитировать | Написать  
19.06.2012, 00:13:11
    #37843433
asws
asws
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Все значения тэга div
skyANA, и другие.

Сорри.
Неподумал/забыл сразу про несколько классов одовременно).
А код взял из своих наработок, допилив его для этого примера.
На самом деле там очень неложно допилить, чтобы работало с произвольным количеством классов.
Такое ранее делал, и у меня есть - но наработка не подходит под эту тему - там меню динамичные, а здесь дивы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Все значения тэга div / 12 сообщений из 12, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 508ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1449679]:
 0ms
get settings:
 7ms
get forum list:
 19ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 201ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 60ms
get tp. blocked users:
 2ms
others: 199ms
total:  508ms
x
x
Закрыть


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