Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.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 使用JS创建两个新元素_Javascript - Fatal编程技术网

Javascript 使用JS创建两个新元素

Javascript 使用JS创建两个新元素,javascript,Javascript,JavaScript的新特性。这是一个类似flashcard的程序,我需要为每个img创建一个新的div元素和一个新的img元素。我已经获得了正确的div数,但现在我正努力在div下获得一个img元素。如何修复代码以在每个div下获得一个img?还有,我如何在没有id的情况下附加img,或者我必须有id?我真的很感激你的帮助 for(变量i=0;i

JavaScript的新特性。这是一个类似flashcard的程序,我需要为每个img创建一个新的div元素和一个新的img元素。我已经获得了正确的div数,但现在我正努力在div下获得一个img元素。如何修复代码以在每个div下获得一个img?还有,我如何在没有id的情况下附加img,或者我必须有id?我真的很感激你的帮助

for(变量i=0;i}
使用
document.getElementById
或任何元素查询将返回实际元素。因此,使用
document.createElement
还将返回一个元素(您在代码示例中使用了该元素)

只需重新使用您创建的元素来附加图像

newDiv.appendChild(newImg);

在将元素添加到元素之前,您需要准备好要添加到HTML中的元素

话虽如此,您希望:

  • 创建
    元素,并根据需要对其进行修改
  • 创建
    
    
    body,
    标题{
    文本对齐:居中;
    字体系列:arial;
    字号:1em;
    背景颜色:银色;
    }
    .框架{
    填充:25px;
    背景色:白色;
    边框:实心1px黑色;
    显示:内联块;
    }
    #提示{
    背景色:浅绿色;
    填充:10px;
    显示:无;
    }
    img{
    光标:指针;
    }
    .opClass{
    不透明度:0.4;
    过滤器:α(不透明度=40);
    /*适用于IE8及更早版本*/
    游标:默认值;
    }
    
    类别抽认卡
    点击学生猜他们的名字
    这个学生叫什么名字?

    您不必有ID,您可以使用来查找所需的任何元素。尽管您不想让它进入您刚刚创建的div中,但是?还是同一个父母?