Форум

Teamur · #1 (**permalink**) 13.02.2016, 18:53

Как через пробел вывести значения 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>

Lemme · #2 (**permalink**) 13.02.2016, 19:37

<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>

Teamur · #3 (**permalink**) 13.02.2016, 19:49

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

Lemme · #4 (**permalink**) 13.02.2016, 20:05

Teamur, изменил.

Teamur · #5 (**permalink**) 13.02.2016, 20:08

Lemme,
Спасибо, выручил! Всего доброго!

Форум

Справочник

Discord чат

Курсы javascript