Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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在其他div之上创建div_Javascript_Css - Fatal编程技术网

仅使用javascript在其他div之上创建div

仅使用javascript在其他div之上创建div,javascript,css,Javascript,Css,我需要在另一个div上面创建一个div,但是我没有访问css文件的权限,因此所有事情都需要通过JavaScript完成 这是我的错误代码: var div = document.getElementById("down"); var divAbove = document.createElement("div"); divAbove.id = "up"; divAbove.style.background = "red"; divAbove.style.positio

我需要在另一个div上面创建一个div,但是我没有访问css文件的权限,因此所有事情都需要通过JavaScript完成

这是我的错误代码:

var div = document.getElementById("down"); 
var divAbove = document.createElement("div");

    divAbove.id = "up";
    divAbove.style.background = "red";
    divAbove.style.position = "absolute";
    divAbove.style.width = "150px"
    div.appendChild(divAbove );

我看不到新的div。

从这一点上看,我想说div在那里,但由于在
divAbov.style.background=“red”中的一个输入错误它没有可见的背景。试着修正打字错误


如果问题仍然存在,请在控制台日志中显示任何错误。

您无法查看new
div
的原因是您没有提供任何正文。例如,在将
div追加到以下内容之前写入可能是一种情况:

divAbove.innerHTML = "Hello World";

如果可以精确定位容器元素,则可以使用
.insertBefore()

var container=document.getElementById(“容器”);
var div=document.getElementById(“向下”);
var divover=document.createElement(“div”);
divover.id=“up”;
divover.style.backgroundColor=“红色”;
divover.style.width=“110px”
divover.style.height=“60px”
divover.innerHTML=“通过JS添加”
容器.insertBefore(上面的div,div)

现有要素
这项工作

var div = document.getElementById("down"); 
var divAbove=document.createElement("div");
divAbove.id = "up";
divAbove.style.background = "red";
divAbove.style.position = "absolute";
divAbove.style.width = "150px";     
divAbove.style.height= "150px";
div.appendChild(divAbove);

javascript控制台中有错误吗?
divAbov
是打字错误吗?打字错误。。。第四行。“divAbov.”而不是“divover.”。。。听着,妈妈,没有“e”对不起,这段代码只是一个例子,我在这里写的,在我的文件中写的很好。请打开javascript控制台,查看其中的任何消息,并将它们写在您的问题上,谢谢。您可能不希望看到很多元素,只要它仍然是0 px高…请参阅stackoverflow指南。您的答案也应该对其他用户有用。将该问题标记为主题外,以便输入错误。由于javascript错误会使解释器停止该行,因此不会追加div