Javascript insertAdjacementHTML不是位于<；的函数；匿名>；

我试图在另一个网站上已经存在的按钮之后放置一个按钮。我正试图在Chrome控制台上测试它，但没办法

var buttonPosition = document.getElementById('<button class="button black ">Black</button>');

然后我得到了错误信息

“未捕获类型错误：buttonPosition.insertAdjacentHTML不是一个 作用 时间：1:16“

---

这可能是新手犯的错误，因为我对编码非常陌生。任何帮助都将不胜感激。谢谢。

这是因为

getElementById（）

的值不是元素的ID名称，而是元素。尝试在按钮上添加ID，然后将其ID名称作为值传递给

getElementById（）

，如下所示：

HTML

带ID的按钮

Javascript

var btn = document.getElementById('btn'); // The button itself with an ID of 'btn'
var newButton = '<button>New button</button>'; // New button to be inserted

btn.insertAdjacentHTML('afterend', newButton);

var btn=document.getElementById（'btn'）；//ID为“btn”的按钮本身
var newButton='新按钮'；//要插入的新按钮
btn.插入相邻TML（“后置”，新按钮）；

“document.getElementById”本身澄清了它想要元素的“id”。根据您的代码片段

var buttonPosition=document.getElementById（'Black'）我可以说您缺少了“id”，但缺少了元素本身

解决方案1:：
为按钮提供id，然后尝试使用该id，如：

<button class="button black " id="btn">Black</button>

解决方案2:：

如果无法提供id，请使用类名

var buttonPosition = document.getElementsByClassName('button')[0];
var newButton = '<button>Button</button>'; 
buttonPosition.insertAdjacentHTML('afterend', newButton);

var buttonPosition=document.getElementsByClassName（'button'）[0]；
var newButton='按钮'；
按钮位置。插入相邻的TML（“后端”，新按钮）；
元素.appendChild（新元素）
？按钮位置.appendChild（Hi）；像这样的@Proevizyes但引用htmlYou试图使用ID访问元素的方法通过其外部HTML访问按钮。请尝试
var buttonPosition=document.querySelector（'button.button.black'）
而不是
getElementById
。您的按钮没有ID，因此
getElementById
不返回任何内容。尝试此操作后出现以下错误：未捕获类型错误：buttonPosition.appendChild不是位于：2:16@proeviz的函数
<button class="button black " id="btn">Black</button>

var buttonPosition = document.getElementById('btn');

var buttonPosition = document.getElementsByClassName('button')[0];
var newButton = '<button>Button</button>'; 
buttonPosition.insertAdjacentHTML('afterend', newButton);