Question

我有这个工作代码，但在我想插入之后，而不是它插入。我只是不确定如何解决这个问题。提前致谢

document.addEventListener("keydown", keyDownBody, false);

function keyDownBody(e) {
var keyCode = e.keyCode;
if(keyCode==65) {
  myFunction();
}
}
function myFunction()
{var a = document.createElement("IMG");

a.src="img/one/a1.gif?rand_number=" + Math.random();

document.body.insertBefore(a,document.body.firstElementChild);}

document.addEventListener("keydown", keyDownBody2, false);

function keyDownBody2(e) {
var keyCode = e.keyCode;
if(keyCode==66) {
  myFunctionb();
}
}
function myFunctionb()
{var b = document.createElement("IMG");

b.src="img/one/b1.gif?rand_number=" + Math.random();

document.body.insertBefore(b,document.body.firstElementChild);}

Answer 1

您可以使用appendChild功能。我已将代码更改为在一个位置执行此操作。

https://jsfiddle.net/w05Lem0s/

简单地说：

document.body.appendChild(a,document.body.firstElementChild);

Answer 2

你可以找到下一个元素并在它之前插入

function myFunctionb() {
  var b = document.createElement("IMG");

  b.src = "img/one/b1.gif?rand_number=" + Math.random();

  document.body.insertBefore(b, document.body.firstElementChild.nextSibling);
}

insertBefore之后插入？

2 个答案: