尝试使用JavaScript向网页添加按钮

我正试图使用JavaScript向我的网页添加一个按钮，但控制台给我一个错误提示：

scripts.js:35未捕获的DomeException:未能在“节点”上执行“appendChild”：文档上只允许一个元素

//7:创建一个元素，并将其文本设置为“Delete”
//在“.extra”中添加
const button=document.createElement（'button'）；
button.innerHTML=“删除”；
const buttonPlace=document.getElementsByClassName（'.extra'）[0]；
文档。追加子项（按钮）

练习操作DOM


演奏音乐
游
骑自行车
代码

这是您需要删除的额外内容

您可以放在文档上的唯一元素是
（默认情况下存在）

如果要将
添加到页面，则需要将其添加到其他位置（该位置应为
元素的后代）

上面的内容看起来像是要放置按钮的位置，但需要将其附加到那里，而不是添加到
文档
对象

buttonPlace.appendChild(button);


请注意，在CSS中，
表示类选择器的开始。您的类名不以
字符开头。您需要在调用
getElementsByClassName
button.innerHTML
->
button.textContent
？另外，您正在插入
html
而不是
body
。。。尝试改用
document.body.appendChild
。传递给
GetElementsByCassName（）
@Jackson的类名中不应该有一个点-我就是这么说的。@Jackson–是的，我就是这么说的。
buttonPlace.appendChild(button);