Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 13.02.2016, 18:53
Профессор
Отправить личное сообщение для Teamur Посмотреть профиль Найти все сообщения от Teamur
 
Регистрация: 08.06.2015
Сообщений: 206

Вывести значения id всех элементов страницы через пробел!
Как через пробел вывести значения id всех элементов страницы?

Сделал так, но на выходе только id последнего элемента (
<!doctype html>
<meta charset='utf-8'>
<title>PERFECT</title>
<div id='lorem'>
  <div id='ipsum'>
    <div></div>
    <div></div>
    <div id='fox'></div>
    <div></div>
  </div>
  <div id='menu'>
    <div id='item-1'></div>
    <div></div>
    <div></div>
    <div id='controls'></div>
  </div>
</div>

<div id='output'></div>

<style>
#output {
  margin: 20% auto;
  background: #e5e5e5;
  height: 40px;
  line-height: 40px;
  font-size: 25px;
}
</style>

<script>
'use strict'
var i, idElements, idList;

window.onload = function() {
  idElements = document.querySelectorAll('[id]');
  for (i of idElements) {
    idList = i.id;
    output.textContent = idList;
    console.log(idList);
  }
};
</script>
Ответить с цитированием
  #2 (permalink)  
Старый 13.02.2016, 19:37
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

<div id='lorem'>
  <div id='ipsum'>
    <div></div>
    <div></div>
    <div id='fox'></div>
    <div></div>
  </div>
  <div id='menu'>
    <div id='item-1'></div>
    <div></div>
    <div></div>
    <div id='controls'></div>
  </div>
</div>
 
<div id='output'></div>
<script>
'use strict';
var items = document.querySelectorAll('[id]');
var output = document.getElementById('output');
var links = Array.from(items).forEach(item => {
     output.innerHTML +=`<a href="#${ item.id }">#${ item.id }</a> `;
});
</script>

Последний раз редактировалось Lemme, 13.02.2016 в 20:05.
Ответить с цитированием
  #3 (permalink)  
Старый 13.02.2016, 19:49
Профессор
Отправить личное сообщение для Teamur Посмотреть профиль Найти все сообщения от Teamur
 
Регистрация: 08.06.2015
Сообщений: 206

Lemme,
спасибо. ES6 как раз-таки привлекает! )
И, если нетрудно, каждый выведенный id сделать ссылкой на собственный id. Было бы здорово!

Последний раз редактировалось Teamur, 13.02.2016 в 20:11.
Ответить с цитированием
  #4 (permalink)  
Старый 13.02.2016, 20:05
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

Teamur, изменил.
Ответить с цитированием
  #5 (permalink)  
Старый 13.02.2016, 20:08
Профессор
Отправить личное сообщение для Teamur Посмотреть профиль Найти все сообщения от Teamur
 
Регистрация: 08.06.2015
Сообщений: 206

Lemme,
Спасибо, выручил! Всего доброго!
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Вывести значения value из select в input Jeick9 Events/DOM/Window 28 29.11.2017 08:57
вывести html код страницы в div djonA Общие вопросы Javascript 3 13.05.2013 20:01
КАк в окошке вывести значения поля растущий Общие вопросы Javascript 1 03.03.2013 04:10
Суммирование значений всех элементов div frolvict jQuery 1 11.07.2011 17:05
Как изменить свойство css у всех элементов одного класса AlexJ Events/DOM/Window 7 19.03.2011 06:25