为什么不使用忽略垃圾工件的方法替换段落内容？

Question

我想使用p数组替换第二个childNodes的内容并忽略垃圾工件。当我使用d.childNodes[i].innerHTMl = "paragraph4"更改段落的内容并显示resualt时，会显示"paragraph4"，但为什么它不会在文档中更改？

   <div id="myDiv">
     <p>pargraph1</p>
     <p>paragraph2</p>
     <p>paragraph3</p>
  </div>
  <script type="text/javascript">
    var d=document.getElementById("myDiv");
    var pCounter=0;
    for(var i=0 ; i<d.childNodes.length ; i++)
    {
     if( d.childNodes[i].nodeType == 1)
    {
      ++pCounter;
    }
    if( pCounter == 2)
    {
      alert("i= " + i + " object= "+d.childNodes[i]);
      alert("second paragraph before " + d.childNodes[i].innerHTMl);
      d.childNodes[i].innerHTMl = "paragraph4";
      alert("second paragraph after " + d.childNodes[i].innerHTMl);
      break;
    }

   }

  </script>

当我使用alert(second paragraph before " + d.childNodes[i].innerHTMl)显示resualt时，为什么显示未定义而不是"paragraph2"？

谢谢！

Answer 1

你有一个错字innerHTMl - > innerHTML https://www.w3schools.com/jsref/prop_html_innerhtml.asp。

标识符区分大小写