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

Например

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

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

Ответы на вопрос(4)

Решение Вопроса
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";
}​
 09 июн. 2012 г., 22:16
@amnotiam. Да, это было глупо ... :) спасибо.
 09 июн. 2012 г., 22:15
document.getElementsByTagName('body')[0] === document.body ;)

NodeList.forEach Chrome  icon Firefox icon Edge    icon Opera   icon Safari  icon10

querySelectorAll возвращает статический неживойNodeList разоблачениеforEach метод:

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

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

document.querySelectorAllMDN
NodeList.prototype.forEach ()MDN

Array.from Chrome  icon Firefox icon Edge    icon Opera   icon Safari  icon9

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

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

Array.from ()MDN

Array Destructuring Chrome  icon Firefox icon Edge    icon Opera   icon Safari  icon9

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

[...elements].forEach( el => {
  el.innerHTML = "foo";
});

Разрушающее заданиеMDN
Document.querySelectorAll ()MDN

Array forEach.call Chrome  icon Firefox icon Edge    icon IExplor icon9 Opera   icon Safari  icon

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

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

Array.prototype.forEach ()MDN

For loop

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

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

Element.getElementsByTagName ()MDN

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

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>

Если размер абсолютно важен для вас, тогда это решение составляет всего 84 байта по сравнению со 113 для ответа @ Roko и 120 для @ gdoron.

В этом случае jQuery может сократить это гораздо больше:

$("body div").html('foo');
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

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

Теперь только 26 байтов!

 24 сент. 2016 г., 03:45
Интересные примеры, но вы не можете говорить оsize и jQuery, потому что это библиотека поверх JS иhas it's size на себя. Кстати, для версии JS (хотя я и использую querySelectorAll;)

Ваш ответ на вопрос