为什么删除操作符操作符不会删除NodeList类的属性？

Question

在下面的代码，

<form action="javascript:void(0)" method="GET" enctype="multipart/form-data"> 
      <fieldset> 
       <legend>Details</legend> 
       Enter the name: <input id="name" name="name" type="text" size="30" 
           onblur="isTheValueValid(this, document.getElementById('name_help'));"> 
       <span id="name_help"></span> 
       <br> 
      </fieldset> 
     </form> 

---

<script type="text/javascript"> 
      function deleteAllChildren(spanElementObject){ 
       if(spanElementObject != null){ 
         var nodeList = spanElementObject.childNodes; 
         [].forEach.call(nodeList,function(property){ 
          delete property; 
         }); 
       } 
      } 
      function editSpanElementText(regex, inputElementValue, spanElementObject, helpMessage){ 
       deleteAllChildren(spanElementObject); 
       if(!regex.test(inputElementValue)){ 
        spanElementObject.appendChild(document.createTextNode(helpMessage)); 
        return false; 
       }else{ 
        return true;  
       } 
      } 
      function isTheValueValid(inputElementObject, spanElementObject){ 
       return editSpanElementText(
            /^[\u0041-\u005A\u0061-\u007A\.\' \-]{2,15}\s?[\u0041-\u005A\u0061-\u007A\.\' \-]{0,15}\s?[\u0041-\u005A\u0061-\u007A\.\' \-]{2,15}$/, 
            inputElementObject.value, 
            spanElementObject, 
            'Please enter a valid name.');  
      } 
     </script> 

---

对于第一次尝试，输入元素，错误信息上失去焦点，Please enter a valid name.获取呈现在给予错误输入值。

对于第二次尝试，在输入元素失去焦点时，错误消息Please enter a valid name.在给出正确的输入值时没有被移除。

调试时forEach不会删除#text子节点。

为什么delete不会删除属性？

Answer 1

为什么delete不能删除子元素？

你让这里有两个大错误：

• 一个变量应用delete。 delete operator删除对象的属性，你没有给它一个（并命名该变量“属性”不会改变任何东西）。阅读http://perfectionkills.com/understanding-delete/。
• 预计从NodeList删除属性将更改DOM。除了它们可能是不可删除的，这不是DOM的工作方式，只是改变JS对象的属性是不够的。您需要使用DOM API，在这种情况下为removeChild。请参阅Remove all child elements of a DOM node in JavaScript，了解您真正想要做的事情。