Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将子映像追加到表的顶部_Javascript_Html - Fatal编程技术网

Javascript 将子映像追加到表的顶部

Javascript 将子映像追加到表的顶部,javascript,html,Javascript,Html,我试图使用appendchild制作一个按钮,将数组中的随机图像显示到表中,并在每次单击时继续显示新图像,但我需要最新图像粘贴到列的顶部,而不是底部。我试图在下面这样做,但它似乎是一个错误 函数显示\u随机\u图像1(){ 变量图像=[{ src:“https://i.imgur.com/Ej3qKfd.png", 宽度:“120”, 高度:“120” }, { src:“https://i.imgur.com/P1i0O2m.png", 宽度:“120”, 高度:“120” }, { src

我试图使用appendchild制作一个按钮,将数组中的随机图像显示到表中,并在每次单击时继续显示新图像,但我需要最新图像粘贴到列的顶部,而不是底部。我试图在下面这样做,但它似乎是一个错误

函数显示\u随机\u图像1(){
变量图像=[{
src:“https://i.imgur.com/Ej3qKfd.png",
宽度:“120”,
高度:“120”
},
{
src:“https://i.imgur.com/P1i0O2m.png",
宽度:“120”,
高度:“120”
},
{
src:“https://i.imgur.com/FRaU0bc.png",
宽度:“120”,
高度:“120”
}
];
var-preBuffer=[];
对于(变量i=0,j=theImages.length;i
th,
运输署{
边框:1px纯黑;
宽度:100px
}

起始R

如果希望新图像粘贴在顶部,请使用


如果希望新图像粘贴在顶部,请使用


更改insertBefore语句,如下所示

targetContainer[0].insertBefore(newImage, targetContainer[0].firstChild);
检查下面的运行代码

函数显示\u随机\u图像1(){
变量图像=[{
src:“https://i.imgur.com/Ej3qKfd.png",
宽度:“120”,
高度:“120”
},
{
src:“https://i.imgur.com/P1i0O2m.png",
宽度:“120”,
高度:“120”
},
{
src:“https://i.imgur.com/FRaU0bc.png",
宽度:“120”,
高度:“120”
}
];
var-preBuffer=[];
对于(变量i=0,j=theImages.length;i
th,td{边框:1px纯黑色;宽度:100px}

起始R

更改insertBefore语句,如下所示

targetContainer[0].insertBefore(newImage, targetContainer[0].firstChild);
检查下面的运行代码

函数显示\u随机\u图像1(){
变量图像=[{
src:“https://i.imgur.com/Ej3qKfd.png",
宽度:“120”,
高度:“120”
},
{
src:“https://i.imgur.com/P1i0O2m.png",
宽度:“120”,
高度:“120”
},
{
src:“https://i.imgur.com/FRaU0bc.png",
宽度:“120”,
高度:“120”
}
];
var-preBuffer=[];
对于(变量i=0,j=theImages.length;i
th,td{边框:1px纯黑色;宽度:100px}

起始R