对于正文中的每个元素类型
例如
For each div in body
div.innerHtml = "poo"
next div
这显然是伪代码,但演示了我想要做的事情.
gdo*_*ica 36
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";
}?
- `document.getElementsByTagName('body')[0] === document.body`;) (2认同)
- @amnotiam.是的,那是愚蠢的...... :)谢谢. (2认同)
Rok*_*jan 28
NodeList.forEach
10
querySelectorAll返回一个静态非实时NodeList公开forEach方法:
const elements = document.querySelectorAll('div');
elements.forEach( el => {
el.innerHTML = "foo";
});
Document.querySelectorAll MDN
NodeList.prototype.forEach()MDN
Array.from
9
const elements = document.querySelectorAll('div');
Array.from(elements).forEach( (el) => {
el.innerHTML = "foo";
});
数组解构
9
const elements = document.querySelectorAll('div');
[...elements].forEach( el => {
el.innerHTML = "foo";
});
解构赋值MDN
Document.querySelectorAll()MDN
数组forEach.call
9
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";
}
Element.getElementsByTagName()MDN
轻松工作：
\n\nNodeList.prototype.forEach = HTMLCollection.prototype.forEach = Array.prototype.forEach;\n现在：
\n\n// VanillaJS / JavaScript puro\nvar lista_de_divs = document.querySelectorAll('div')\nlista_de_divs.forEach(function (div, i) {\n // c\xc3\xb3digo...\n console.log(i, div)\n})\n\n\n// jQuery\n$('div').forEach(function (div, i) {\n // c\xc3\xb3digo...\n console.log(i, div)\n})\n