我的HTML按钮之间有逗号,我不知道它们来自哪里。 在创建按钮之前,我创建按钮的div是空的。

在我的JavaScript中,我没有任何可以放在按钮之间的逗号,如下所示。

这是一张图片:

在此输入图像描述

我使用JavaScript创建按钮,如下所示:

    var f = "'";
    contents[0]='<button class="btn" onclick="check('+ f + randomChar0 + f +');">' + randomChar0 + '</Button>';
    contents[1]='<button class="btn" onclick="check('+ f + randomChar1 + f +');">' + randomChar1 + '</Button>';
    contents[2]='<button class="btn" onclick="check('+ f + randomChar2 + f +');">' + randomChar2 + '</Button>';

    ranNum0 = randomize(2);
    document.getElementById("response").innerHTML = contents;

在插入按钮之前,我的HTML看起来像这样:

<div id="response" class="center-children">
</div>

插入按钮后,像这样:

<div id="response" class="center-children">
    <button class="btn" onclick="check('B');">B</button>,
    <button class="btn" onclick="check('S');">S</button>,
    <button class="btn" onclick="check('E');">E</button>
</div>

如果我在浏览器中检查,它看起来像这样:

在此输入图像描述

我检查了我的整个JavaScript,甚至试图删除所有的CSS和HTML但是逗号仍留在那里......

有没有人知道可能导致这种情况的原因?

===============>>#1 票数:11 已采纳

问题是您将数组的字符串值赋给.innerHTML并且数组的字符串值在元素之间包含逗号。

要组合数组中的值,请使用.join()

 document.getElementById("response").innerHTML = contents.join('');

或者更好的是,不要使用字符串操作来创建DOM元素。

===============>>#2 票数:3

你将innerHTML设置为一个数组,但它应该是一个字符串。 隐含地,在您的数组上调用.toString() ,这会留下逗号。 试一试, [1,2,3].toString()计算结果为"1,2,3"

  ask by 00Gheist00 translate from so

未解决问题?本站智能推荐:

1回复

根据逗号分隔的字符串中的值附加HTML

我目前正在尝试根据存储在MD数组中的逗号分隔字符串中的值来确定将哪些HTML附加到为用户生成的网页上。 我需要能够检查每个值的逗号分隔字符串,并根据这些值附加HTML。 目前,我使用单个值,但如果有多个值,...我该如何遍历每个EG“ html1,html2”,我希望能够识别html
5回复

在HTML中的有序列表中为大数字添加逗号

假设您有一个包含数千个项目的有序列表( <ol> ),最终这些数字将有四位数,甚至更多。 如果将这些数字格式化为“1,234”而不是浏览器默认值“1234”,则这些数字将更容易阅读。 有没有办法用CSS,JavaScript或其他方式做到这一点?
1回复

HTML中的随机图片背景[重复]

这个问题已经在这里有了答案: 随机更改页面上的HTML背景刷新 3个答案 我希望每次刷新页面时都会随机更改整个背景。 我的页面是带有CSS和JS(包括JQuery)的HTML。 我已经在该网站和许多其他网站上尝试了很多解决方案,它们是我知道的很多教程。 但是我
3回复

生成随机十六进制以更改html中的颜色

我有一个网页,其中包含具有彩色背景的div元素。 我希望每次有人加载页面时颜色都会改变。 我在网上找到了这段代码,显然可以生成一个随机的十六进制数: 我是JavaScript的新手,所以我试图拼凑实现方式。 我假设我为随机生成的十六进制分配了一个变量: 现在我不
2回复

Javascript随机函数更改html文件中的图片

我想寻求帮助来完成这项作业。 现在,在您转身离开之前,我没有要求任何人为我写任何东西。 我只需要有人指出我正确的方向。 因此,我需要创建一个骰子游戏。 我的问题是我在寻找一种将Javascript代码连接到HTML文件中的骰子的方法时遇到问题。 例如: 如果代码:
1回复

在React中为HTML标签生成随机className的问题

大家好! 这可能是一个愚蠢的问题,但我不知道为什么console.log中的className变量的值与<p>的className属性中使用的值不同。 我正在尝试为HTML标记生成随机的类名,以便随后可以对这些HTML标记创建带有规则的CSSStyleSheets。 因为在此示例中,
4回复

如何使用JavaScript在HTML中随机更改背景颜色?

此网页随机更改背景颜色。 我无法用“#title”做同样的事情,但颜色保持不变。 请帮忙 谢谢 JavaScript代码: CSS代码: HTML代码:
2回复

如何随机化HTML中显示列表的顺序? [重复]

这个问题在这里已有答案: javascript - shuffle HTML list element order 5 answers 我有一个像这样的HTML列表: 如何在每次加载文档时以随机顺序显示这些项目?
1回复

如何在html5中随机生成不重叠的圆圈?

我正在一个网站上工作,其中有很多youtube缩略图图像加载到圆圈。 并且圆圈应该随机生成而不重叠。 这是Fiddle链接 。 不确定如何在我的网站中加载图像而不重叠。 我正在使用kineticjs。 如果有必要,我可以转移到其他一些代码或插件。 此外,还有针对这些图像的点击事件。
1回复

HTML刷新随机图像

我有这个网站,当您刷新它时,它将弹出一个来自JS数组的随机图像,这是代码 我一直在寻找使代码不那么笨拙和更统一的不同方法。 我希望能够仅将.png,.jpg和.gif文件转储到该文件夹​​中,而无需每次都要操纵代码以将新图像添加到数组中的情况。 我还发现,尽管是随机的,但每次刷新我都