你好，关于循环删除错误信息

var submitBtn = document.getElementById('thesubmit');

submitBtn.addEventListener('click', function (event) {

var invalidity_field = forms.querySelectorAll(':invalid'),

//不符合验证信息的↑↑

error_message = forms.querySelectorAll('.error-message'),

//取到所有错误信息↑↑，选择这是为了把之前的错误信息清除掉

parent;

//对错误信息进行循环，点击提交按钮后把错误信息删除掉

for (var i = 0; i < error_message.length; i++) {

error_message[i].parentNode.removeChild(error_message[i]);

}

for (i = 0; i < invalidity_field.length; i++) {

parent = invalidity_field[i].parentNode;

parent.insertAdjacentHTML('beforeend', "<div class='error-message'>" + invalidity_field[i].validationMessage +

'</div>')

//获取错误信息，然后把它插入到input后面

}

//如果有错误信息的话↓↓

if (invalidity_field.length > 0) {

invalidity_field[0].focus();

}

var submitBtn = document.getElementById('thesubmit');

submitBtn.addEventListener('click', function (event) {

var invalidity_field = forms.querySelectorAll(':invalid'),

//不符合验证信息的↑↑

error_message = forms.querySelectorAll('.error-message'),

//取到所有错误信息↑↑，选择这是为了把之前的错误信息清除掉

parent;

//对错误信息进行循环，点击提交按钮后把错误信息删除掉

for (var i = 0; i < error_message.length; i++) {

error_message[i].parentNode.removeChild(error_message[i]);

}

for (i = 0; i < invalidity_field.length; i++) {

parent = invalidity_field[i].parentNode;

parent.insertAdjacentHTML('beforeend', "<div class='error-message'>" + invalidity_field[i].validationMessage +

'</div>')

//获取错误信息，然后把它插入到input后面

}

我想问下，这段代码是先删除了它原有的错误信息，然后添加上一个div来显示新的错误信息，以这个思路触为出发点写的代码。但是当点击提交按钮的时候，删除错误信息的代码在添加错误信息的代码之前，我想问下它们是怎么解析的。