Question

我正在尝试在另一个网站上的现有按钮之后放置一个按钮。我正试图在Chrome控制台中对其进行测试，但无法弄明白。

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

这是我想把按钮放在后面的按钮。

然后我尝试使用.insertAdjacementHTML功能将按钮置于“按钮黑色”

后面

buttonPosition.insertAdjacentHTML("afterend", "<button>Hello</button");

然后我收到错误消息

“未捕获的TypeError：buttonPosition.insertAdjacentHTML不是功能 at：1：16“

这可能是一个菜鸟错误，因为我对编码很新。任何帮助都将非常感谢。感谢。

Answer 1

这是因为IP = "0.0.0.0" def connect(sid, environ): global IP print('IP->' + environ['REMOTE_ADDR']) IP = environ['REMOTE_ADDR']的值不是元素的ID名称，而是元素。尝试在按钮上添加ID，然后将其ID名称传递给getElementById()作为值，如下所示：

HTML

getElementById()

的Javascript

<button class="button black" id="btn">Your button with an ID</button>

Answer 2

“document.getElementById”本身澄清它想要元素的“id”。根据你的代码段var buttonPosition = document.getElementById('<button class="button black ">Black</button>');，我可以说你错过了“id”但是错过了元素本身。

解决方案1 :: 提供按钮的ID，然后尝试使用该ID：

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

使用Javascript：

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

解决方案2 ::

如果您无法提供ID，请使用班级名称。

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

insertAdjacementHTML不是<anonymous>的函数

2 个答案: