无法使用JavaScript插入到Div中的子级

我是JavaScript新手，在将两个元素（一个是page元素，另一个是span标记中的Button）插入到一个div元素时出错

document.getElementById（'ButtonForadingItemToTheList'）。addEventListener（'click'，function（））{
var getElementFromTheInput=document.getElementById（'inputItemOfHtml'）。值；
//第页的列表项
var toCreateTheElementOfList=document.createElement（'p'）；
//按钮标签
var toCreateTheButton=document.createElement（'button'）；
创建按钮。innerText=“删除”；
//跨度标签
var tocreatesPanforButton=document.createElement（'span'）；
创建span for button.setAttribute（'class'，'classForTheButtonCreateByJavaScript'）；
//div标签
var tocreateElementofDivContainer=document.createElement（'div'）；
创建ElementofDivContainer.setAttribute（'class'，'divContainerCreatedInJavaScript'）；
创建elementoflist.innerText=GetElement from the Input；
创建按钮的范围。追加子项（创建按钮）；
创建ElementOfDivContainer.appendChild（创建ElementOfDivContainer）；
创建ElementofDivContainer.appendChild（创建Panfor按钮）；
document.getElementById（'ContainerToStorRelistItem'）.appendChild（用于创建ElementOfDivContainer）；
});



添加



您在最后第三行有一个打字错误

toCreateTheElementOfList
应该是
toCreateTheElementOfList

toCreateTheElementOfDivContainer.appendChild(toCreateTheElementOfList);

您在最后第三行有一个打字错误

toCreateTheElementOfList
应该是
toCreateTheElementOfList

toCreateTheElementOfDivContainer.appendChild(toCreateTheElementOfList);

您的代码中有打字错误

toCreateTheElementOfDivContainer.appendChild(toCreateTheElementOfLists);

应该是

 toCreateTheElementOfDivContainer.appendChild(toCreateTheElementOfList);


document.getElementById（'ButtonForadingItemToTheList'）。addEventListener（'click'，function（））{
var getElementFromTheInput=document.getElementById（'inputItemOfHtml'）。值；
//第页的列表项
var toCreateTheElementOfList=document.createElement（'p'）；
//按钮标签
var toCreateTheButton=document.createElement（'button'）；
创建按钮。innerText=“删除”；
//跨度标签
var tocreatesPanforButton=document.createElement（'span'）；
创建span for button.setAttribute（'class'，'classForTheButtonCreateByJavaScript'）；
//div标签
var tocreateElementofDivContainer=document.createElement（'div'）；
创建ElementofDivContainer.setAttribute（'class'，'divContainerCreatedInJavaScript'）；
创建elementoflist.innerText=GetElement from the Input；
创建按钮的范围。追加子项（创建按钮）；
创建ElementofDivContainer.appendChild（创建ElementofList）；
创建ElementofDivContainer.appendChild（创建Panfor按钮）；
document.getElementById（'ContainerToStorRelistItem'）.appendChild（用于创建ElementOfDivContainer）；
});



添加



您的代码中有打字错误

toCreateTheElementOfDivContainer.appendChild(toCreateTheElementOfLists);

应该是

 toCreateTheElementOfDivContainer.appendChild(toCreateTheElementOfList);


document.getElementById（'ButtonForadingItemToTheList'）。addEventListener（'click'，function（））{
var getElementFromTheInput=document.getElementById（'inputItemOfHtml'）。值；
//第页的列表项
var toCreateTheElementOfList=document.createElement（'p'）；
//按钮标签
var toCreateTheButton=document.createElement（'button'）；
创建按钮。innerText=“删除”；
//跨度标签
var tocreatesPanforButton=document.createElement（'span'）；
创建span for button.setAttribute（'class'，'classForTheButtonCreateByJavaScript'）；
//div标签
var tocreateElementofDivContainer=document.createElement（'div'）；
创建ElementofDivContainer.setAttribute（'class'，'divContainerCreatedInJavaScript'）；
创建elementoflist.innerText=GetElement from the Input；
创建按钮的范围。追加子项（创建按钮）；
创建ElementofDivContainer.appendChild（创建ElementofList）；
创建ElementofDivContainer.appendChild（创建Panfor按钮）；
document.getElementById（'ContainerToStorRelistItem'）.appendChild（用于创建ElementOfDivContainer）；
});



添加



我们通过单击，然后单击
[]
代码段编辑器，为您创建了一个代码段。
要创建ElementoFlist
应该是
要创建ElementoFlist
尝试使用jQuery，而不是简单的JavaCScript，这将更容易。@CataJohn感谢您的更正，但它仍然不起作用错误控制台是您的朋友它告诉您未捕获的引用错误：创建元素列表未定义”。始终检查错误控制台并尝试修复错误。我们通过单击然后单击
[]创建了一个片段
代码段编辑器。
创建ElementoFlist
应该是
创建ElementoFlist
尝试使用jQuery而不是简单的JavaScript，这会容易得多。@CataJohn感谢您纠正我，但仍然不起作用错误控制台是您的朋友它告诉您未捕获的引用错误：创建ElementoFlist未定义”。始终检查错误控制台并尝试修复错误。