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