在javascript中向div标记添加新元素

在javascript中向div标记添加新元素,javascript,html,css,Javascript,Html,Css,我正在尝试使用javascript做一些背景动画,看起来像是从上到下无限大的雨滴。但它不起作用。我想不出问题出在哪里 函数添加{ var div=document.createElementdiv; div.style.width=1px; div.style.height='7%'; div.style.background='linear-gradientRGBA255255255,0%,ffffff 75%,ffffff 100%'; div.style.position='绝对'; d

我正在尝试使用javascript做一些背景动画,看起来像是从上到下无限大的雨滴。但它不起作用。我想不出问题出在哪里

函数添加{ var div=document.createElementdiv; div.style.width=1px; div.style.height='7%'; div.style.background='linear-gradientRGBA255255255,0%,ffffff 75%,ffffff 100%'; div.style.position='绝对'; div.style.animation='spin 4s infinite'; div.style.transition='all 3s'; var l=10;
对于var i;i您在这里有很多错误

已初始化i,但未指定默认值 document.getElementsClassback.appendChilddiv错误。请像此文档一样使用。getElementsByClassNameback[0]。appendChilddiv; 您必须使用num.toString,而不是您使用的方式 函数添加{ var l=10;
对于var i=0;i动画应该是什么样子?什么东西不工作?如果你有一个完全工作的代码,请使用按钮将其作为一个片段发布。这次我为你创建了它。什么是document.getelementsclassback另一个问题是,一旦你得到修复,你会一遍又一遍地调整同一元素的位置pEnding相同的元素。有一些基本的javascript erros.var我没有初始化,也没有使用。也不清楚你想做什么样的动画?仍然有问题你能解释问题吗?阅读我在原始postOP下的第二条评论,我想添加一组元素,并让它们在不同的时间进行动画。如果是,For循环就没有意义了只有一个。