Для каждого типа элемента в теле

Например

For each div in body
          div.innerHtml = "poo"
next div

это, очевидно, код psuedo, но демонстрирует, что я пытаюсь сделать.

Ответ 1

var elements = document.getElementsByTagName('div');

for (var i = 0; i < elements.length; i++) {
    elements[i].innerHTML = "foo";
}

Live DEMO

Если вы хотите посмотреть только в <body>:

var elements = document.body.getElementsByTagName('div');

for (var i = 0; i < elements.length; i++) {
    elements[i].innerHTML = "foo";
}

Ответ 2

⁹

let elements= document.querySelectorAll('div');

Array.from(elements).forEach( (el) => {
  el.innerHTML = "foo";
});

Array.from() ^MDN
Document.querySelectorAll()

⁹

var elements= document.querySelectorAll('div');

[].forEach.call(elements, function( el ) {
  el.innerHTML = "foo";
});

Array.prototype.forEach() ^MDN

var elements= document.getElementsByTagName('div');

for (var i=0; i<elements.length; i++) {
  elements[i].innerHTML = "foo";
}

Element.getElementsByTagName() ^MDN

Ответ 3

Легкая работа:

NodeList.prototype.forEach = HTMLCollection.prototype.forEach = Array.prototype.forEach;

И теперь:

// VanillaJS / JavaScript puro
var lista_de_divs = document.querySelectorAll('div')
lista_de_divs.forEach(function (div, i) {
    // código...
    console.log(i, div)
})


// jQuery
$('div').forEach(function (div, i) {
    // código...
    console.log(i, div)
})

Ответ 4

Альтернативная версия с новым Array.from() и функции стрелок в ES2015:

Array.from(document.body.getElementsByTagName("div")).forEach(a=>a.innerHTML='foo');

<div></div>
<div></div>
<div>Test</div>
<div></div>
<div>Hello</div>
<div>World</div>