无法生成多个图像
这是一个游戏，当用户点击左侧div的最后一个节点时，每次都会添加5个图像。
如果他点击其他节点，应该显示游戏结束警报。
问题：
>
在调用Generateface函数生成新面孔集之前，我将如何删除右侧和左侧div的所有节点。
点击左边额外的笑脸
.smile {position:absolute}
div {position:absolute; width:500px;height: 500px}
#rightside {left:500px;border-left: 1px solid black}
共有1个答案
您忘记将px添加到顶部和左侧样式属性。更改代码如下
ismile.style.top = topran + 'px';
ismile.style.left = leftran + 'px';
var numberOfFaces = 5;
var leftside = document.getElementById("leftside");
function generatefaces() {
for (i=0;i<=numberOfFaces;i++) {
ismile = document.createElement("img");
ismile.src = "http://orig00.deviantart.net/449c/f/2009/061/5/7/smiley_icon_by_emopunk23.jpg";
ismile.className = "smile";
var topran = Math.random() * 400;
topran = Math.floor(topran);
var leftran = Math.random() *400;
leftran = Math.floor(leftran);
ismile.style.top = topran + 'px';
ismile.style.left = leftran + 'px';
leftside.appendChild(ismile);
}
}.smile {position:absolute}
div {position:absolute; width:500px;height: 500px}
#rightside {left:500px;border-left: 1px solid black}<body onload="generatefaces()">
<h1> Matching Game </h1>
<p> click on the extra smiling face on the left </p>
<div id="leftside"></div>
<div id="rightside"></div>
</body>-
服务器：版本:1.12.6 API版本:1.24 Go版本:Go1.6.3 Git提交:78D1802 build:Tue Jan 31 23:47:34 2017 OS/arch:linux/amd64 Docker--Version docker Version1.12.6，构建78D1802 docker-compose-版本docker-compose版本1.5.2，构建未知
-
最小生成树的Kruskal算法 描述：有A、B、C、D四个点，每两个点之间的距离（无方向）是(第一个数字是两点之间距离，后面两个字母代表两个点）：(1,’A’,’B’),(5,’A’,’C’),(3,’A’,’D’),(4,’B’,’C’),(2,’B’,’D’),(1,’C’,’D’) 生成边长和最小的树，也就是找出一种连接方法，将各点连接起来，并且各点之间的距离和最小。 思路说明： Krusk
-
一个用于生成windows输入法的系统 ， 包含ime输入框架，安装程序生成，txt文本文件解析。 程序开发分三个模块: 一、主IME文件，负责与系统IMM之间的通信，完成按键捕获、输入上屏、更改候选列表、打开关闭界面操作（已经开发完毕） 二、dme驱动，负责将用户输入的编码串转换为与码表相关的候选列表 三、skin驱动，负责显示状态栏、输入编码窗口、候选列表窗口、用户交互信息 多多输入平台公布
-
我无法看到截图被捕获在cucumber的程度报告。 我已经调试并观察到代码已经执行，但屏幕截图并没有保存在extent report或html report文件中。 截图代码 if（scenario.isFailed（））{byte[]screenshot=seleniumitls.captureShot（）；scenario.public void screenshot（scenario sce
-
无向图最小生成树的Prim算法 思路说明 假设点A,B,C,D,E,F，两点之间有连线的，以及它们的距离分别是：(A-B:7);(A-D:5);(B-C:8);(B-D:9);(B-E:7);(C-E:5);(D-E:15);(D-F:6);(E-F:8);(E-G:9);(F-G:11) 关于Prim算法的计算过程，参与维基百科的词条：普里姆算法 将上述点与点关系以及两点之间距离（边长，有的文献