Получить div при итерации через элементы формы

Question

Here Я узнал, как получить form, который содержит div.

Теперь, допустим, я хочу очистить все divs внутри form, когда я нажму кнопку «Сброс». При переборе элементов формы:

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 = ''; 
    } 
} 

Я знаю, что divs не добавляются в качестве элементов, содержащих form. Кажется, мне нужно получить document, который содержит form, а затем найдите divs внутри document. Это медленнее. Есть ли другой способ сделать это?

Answer 1

Использование getElementsByTagName() найти div элементы в form:

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>

Answer 2

Там, чтобы быть какой-то итерации на каком-то уровне. Вы назначили все divs, которые вы хотите настроить для атрибута класса css? Если так, вы можете перебирать их через .getElementsByClassName('className'). НАПРИМЕР.

var divs = some_form.getElementsByClassName('target'), 
    dL = divs.length; 
while(dL--) { 
    divs[dL].innerHTML = ''; 
} 

N.B. Форма .elements таргетированы на name или id атрибутов. См. MDN : HTMLFormElement.elements