javascript - 本体の各要素タイプ

Question

例えば

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

これは明らかに疑似コードですが、私がやろうとしていることを示しています。

編集して、9歳の質問を見て、私がどこまで進んだかを確認することは私に大きな喜びを与え、この質問がまだ他の人に利益をもたらすことを共有します。

score 41 · Accepted Answer

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

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

でのみ見たい場合<body>：

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

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

score 37 · Accepted Answer

NodeList.forEach クロムアイコン Firefox アイコンエッジアイコンオペラアイコンサファリアイコン ¹⁰

querySelectorAllメソッドNodeListを公開する静的な非ライブを返します。forEach

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

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

Array.from クロムアイコン Firefox アイコンエッジアイコンオペラアイコンサファリアイコン ⁹

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

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

配列の分解 クロムアイコン Firefox アイコンエッジアイコンオペラアイコンサファリアイコン ⁹

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

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

配列 forEach.call クロムアイコン Firefox アイコンエッジアイコン IExplor アイコン ⁹ オペラアイコンサファリアイコン

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

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

ループ用

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

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

score 1 · Accepted Answer

ES6の場合

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

Array.prototype.forEach.call(elements, e => {
  e.innerHTML = "foo";
});

5 に答える 5