Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.12.2010, 01:33
Новичок на форуме
Отправить личное сообщение для Raik Посмотреть профиль Найти все сообщения от Raik
 
Регистрация: 26.12.2010
Сообщений: 3

Вывод div на экран
Имеется блок <div> такого вида:

<div id="forData" style="display:none">

<div id="Toshiba_Satellite" about="#laptop" class="file laptop" typeof="gr:Offering">
<span property="dc:title">Toshiba Satellite</span>
<span property="rdfs:screen">15"</span>
<span property="rdfs:cpu">Intel Celeron Dual Core T3300</span>
<span property="rdfs:mem">2Gb</span>
<span property="rdfs:dimensions">383*259*27мм</span>
<span property="rdfs:battery">Литий-ионная</span>
<span property="rdfs:wrnt">1 год</span>
<span property="commerce:amount" datatype="xsd:decimal">3900 грн</span>
</div>

</div>

Как, зная название атрибута class, вывести значения span?
Ответить с цитированием
  #2 (permalink)  
Старый 26.12.2010, 07:18
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

<script type="text/javascript">
window.onload=function(){
var div = document.getElementsByClassName('file laptop')[0];
var spans = div.getElementsByTagName('span');
for(i=0; i<spans.length; i++) alert(spans[i].innerHTML)
}
</script>


<div id="forData" style="display:none">
<div id="Toshiba_Satellite" about="#laptop" class="file laptop" typeof="gr:Offering">
<span property="dc:title">Toshiba Satellite</span>
<span property="rdfs:screen">15"</span>
<span property="rdfs:cpu">Intel Celeron Dual Core T3300</span>
<span property="rdfs:mem">2Gb</span>
<span property="rdfs:dimensions">383*259*27мм</span>
<span property="rdfs:battery">Литий-ионная</span>
<span property="rdfs:wrnt">1 год</span>
<span property="commerce:amount" datatype="xsd:decimal">3900 грн</span>
</div>
</div>
Ответить с цитированием
  #3 (permalink)  
Старый 26.12.2010, 13:29
Новичок на форуме
Отправить личное сообщение для Raik Посмотреть профиль Найти все сообщения от Raik
 
Регистрация: 26.12.2010
Сообщений: 3

Все равно не выводится. Я так понимаю, что из-за того, что присутствует дерево такого вида:
<div id="forTree">
<ul id="tree">
  <li class="comp">
    <span class="handle"></span>
    <a> Компьютеры</a>
    <ul>
      <li onclick="EventOnLi(this.className)" class="file laptop"><a>Ноутбуки</a></li>
      <li onclick="EventOnLi(this.className)" class="file computer"><a>Компьютеры(сборки)</a></li>
    </ul>
  </li>
</ul>
</div>



Если его в коде нет, то все корректно выводится
Пробовал менять
var div = document.getElementsByClassName('file laptop')[0];

на
var div = $('forData').getElementsByClassName('file laptop')[0];

ничего не меняется
Ответить с цитированием
  #4 (permalink)  
Старый 26.12.2010, 13:48
Аватар для Vulkan
Профессор
Отправить личное сообщение для Vulkan Посмотреть профиль Найти все сообщения от Vulkan
 
Регистрация: 25.05.2010
Сообщений: 511

Вот так должно работать, если конечно элемент с id="forData" у вас на странице один.
<script type="text/javascript">
window.onload=function(){
var div = document.getElementById('forData').getElementsByClassName('file laptop')[0];
var spans = div.getElementsByTagName('span');
for(i=0; i<spans.length; i++) alert(spans[i].innerHTML)
}
</script>


<div id="forData" style="display:none">
<div id="Toshiba_Satellite" about="#laptop" class="file laptop" typeof="gr:Offering">
<span property="dc:title">Toshiba Satellite</span>
<span property="rdfs:screen">15"</span>
<span property="rdfs:cpu">Intel Celeron Dual Core T3300</span>
<span property="rdfs:mem">2Gb</span>
<span property="rdfs:dimensions">383*259*27мм</span>
<span property="rdfs:battery">Литий-ионная</span>
<span property="rdfs:wrnt">1 год</span>
<span property="commerce:amount" datatype="xsd:decimal">3900 грн</span>
</div>
</div>
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
при нажатии на картинку(типа кнопки) скрывать и показывать DIV Russianmaniac Элементы интерфейса 4 27.11.2010 23:47
animate, всплывающий div box сделать по центру zero_mod jQuery 1 26.10.2010 23:23
Как затемнить экран, кроме конкретного div igsavenko (X)HTML/CSS 6 05.07.2010 16:12
Появление блоков div в зависимости от radio Oracool Events/DOM/Window 1 04.12.2009 17:39
Задачка: вывод div по ссылке alt5000 Элементы интерфейса 19 28.10.2008 20:21