Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Получение ссылки на элемент с нестандартным параметром (https://javascript.ru/forum/events/53577-poluchenie-ssylki-na-ehlement-s-nestandartnym-parametrom.html)

Green Elephant 09.02.2015 19:44

Получение ссылки на элемент с нестандартным параметром
 
Понадобилось получить значения предоставляемые (https://randomuser.me/) но получить ссылку на параметры я не могу из-за того что все параметры тегов-нестандартные.
Код:
Код:

<ul class="values_list horizontal_center" id="values_list">
<li data-title="Hi, My name is" data-value="evan gutierrez" data-label="name" class="active"></li>
<li data-title="My email address is" data-value="evan.gutierrez70@example.com"
 data-label="email" data-caps="false"class=""></li>
<li data-title="My birthday is" data-value="6/1/1973" data-label="birthday" class=""></li>
<li data-title="My address is" data-value="2482 w ann rd" data-label="location"></li>
<li data-title="My phone number is" data-value="(907)-991-8510" data-label="phone"></li>
<li data-title="My password is" data-value="hector" data-label="pass" data-caps="false"></li></ul>

Вопрос:Как получить ссылку на значения параметров data-value элементов списка.
я пробовал так:
var ul=document.getElementById('values_list');
var rnd=[];
for(var i=0,o=ul.childNodes.length;i<o;i++){rnd[i]=ul.childNodes[i].data-value}
alert(rnd.join(' , '));
но это ничего не дало.:help:

sovsem-nub 09.02.2015 20:39

может это поможет? http://javascript.ru/forum/events/51...svojjstvo.html

Green Elephant 09.02.2015 21:20

Там разве не на JQuery? мне нужен чистый Javascript

Царь Леонид 09.02.2015 21:38

<script>
	var rnd = [];
	var el = document.getElementById('values_list').getElementsByTagName('LI')
	for(i=0;i<el.length;i++){rnd.push(el[i].getAttribute('data-value'))}
	console.log(rnd)
    </script>

Попробуй так, короче

Green Elephant 09.02.2015 21:42

Да, спасибо:) я не додумался искать по тегу li но решил эту проблему когда находишь все дочерние узлы:надо получать значения только нечетных элементов(не знаю почему но так все получается)

Green Elephant 09.02.2015 21:48

Цитата:

Сообщение от Царь Леонид
Причина: Чето то ли меня плющит, то ли форум((

у меня тот-же косяк был и я в тег code заключил и все норм стало

Царь Леонид 09.02.2015 21:59

Цитата:

Да, спасибо я не додумался искать по тегу li но решил эту проблему когда находишь все дочерние узлы:надо получать значения только нечетных элементов(не знаю почему но так все получается)
Потому что childNodes получает еще и текстовые узлы [text, li.active, text, li, text, li, text, li, text, li, text, li, item: function]

sovsem-nub 09.02.2015 22:25

Цитата:

Сообщение от Green Elephant (Сообщение 355882)
Там разве не на JQuery? мне нужен чистый Javascript

это чистый

danik.js 09.02.2015 22:30

Цитата:

Сообщение от Царь Леонид
Потому что childNodes получает еще и текстовые узлы

Поэтому можно использовать .children.
Или вообще querySelectorAll (IE8+)


Часовой пояс GMT +3, время: 00:25.