Вывести значения 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>
|
<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,
спасибо. ES6 как раз-таки привлекает! ) И, если нетрудно, каждый выведенный id сделать ссылкой на собственный id. Было бы здорово! |
Teamur, изменил.
|
Lemme,
Спасибо, выручил! Всего доброго! |
| Часовой пояс GMT +3, время: 20:14. |