javascript - 迭代表单元素时获取 div

Question

Here我学习了如何获取包含 div 的 form。

现在，假设我想在单击“重置”按钮时清除 form 内的所有 div。当迭代表单的元素时:

var F = some_form;
for (var i=0; i<F.elements.length; i++) {
    if (F.elements[i].id.substr(0,3) == 'div') {
        F.elements[i].innerHTML = '';
    }
}

我知道 div 不会作为包含 form 的元素添加。似乎我需要获取包含 form 的 document，然后在 document 中搜索 divs 。不过那速度比较慢。还有其他办法吗？

Answer 1

使用getElementsByTagName()在 form 中查找 div 元素:

var F = document.getElementById('foo');

var divs = F.getElementsByTagName('div');

for (var i = 0; i < divs.length; ++i)
  divs[i].innerHTML = '';

<form action="" id="foo">
  <div>div</div>
  <div>another</div>
</form>