Javascript 按钮未显示

Javascript 按钮未显示,javascript,Javascript,当页面加载时,它有我的列表和一个显示和隐藏按钮。然而,当我往下看列表时,它应该显示图片和一些文本。然而,我的按钮(隐藏和显示)消失了。即使发生这种情况,如何使它们出现? 谢谢你的帮助 function imagechange(image) { mangaimage.innerHTML = "<img src='mangalist/" + image + "small.jpg'/>"; mangasumma

当页面加载时,它有我的列表和一个显示和隐藏按钮。然而,当我往下看列表时,它应该显示图片和一些文本。然而,我的按钮(隐藏和显示)消失了。即使发生这种情况,如何使它们出现? 谢谢你的帮助

        function imagechange(image)
        {
            mangaimage.innerHTML = "<img src='mangalist/" + image + "small.jpg'/>";
            mangasummary.innerHTML = changetext(mangasum[image],95);
                            readmanga.href = mangasite[image];

        }

        function changetext(text,num)
        {
            numChar = num;
            arrayWord = text.split(" ");
            str = "";
            strArray = new Array();
            newtext = "";
                for ( i = 0; i < arrayWord.length; i ++)
                {
                    if (str.length + arrayWord[i].length >= numChar)
                    {

                        newtext += str + "<br />";
                        str = ""
                    }

                    if (str.length + arrayWord[i].length <= numChar)
                    {   
                        str += arrayWord[i] + " ";
                    }

                    if (i == arrayWord.length-1)
                    {
                        newtext += str+ "<br />";
                    }

                }

            return newtext;
        }


    function hide()
        {
        document.getElementById("listm").style.display = "none";
功能图像更改(图像)
{
mangaimage.innerHTML=“”;
mangasummary.innerHTML=changetext(mangasum[image],95);
readmanga.href=mangasite[image];
}
函数changetext(文本,num)
{
numChar=num;
arrayWord=text.split(“”);
str=“”;
strArray=新数组();
newtext=“”;
对于(i=0;i=numChar)
{
newtext+=str+“
”; str=“” } 如果(str.length+arrayWord[i].length应用程序测试版 下面更正的代码有效。一个潜在问题是声明数组并尝试将其用作对象:

var mangasum = new Array();
mangasum["onepiece"] = "some string";
实际上,您可以使用关联索引访问数组。正如MDN所说:

有些人认为不应该将数组用作关联数组 在任何情况下,您都可以使用普通对象,尽管 因此,它也有自己的警告 以具有任意键的词典为例

参考:

因此,这个错误很可能是一些小的语法错误和许多格式错误的html的组合。由于浏览器的健壮性,它一瘸一拐地向前走。尽管代码很难看,但我开始钦佩OP愿意自己编写,至少尝试一下……这比我能说的更多

我把它留给OP来完成细节,让它成为一个很棒的应用程序:

运行代码段进行测试(图像省略)

演示
漫画列表:
海贼王 火影忍者 漂白剂 金塔玛 尼塞科伊 世界触发器 宫崎骏 铁骑士 隐形交响乐团 非法稀有 海圭!! 黑子无篮 暗杀教室 Shokugeki无躯体 托里科 隐藏 显示列表 var mangasum={ 一件:“金色罗吉特·科维索”, 漂白粉:“黑崎一护一直都是”, 秘密行动:“在一个精灵,矮人的世界”, 火影忍者:“在Konohagakure村”, kuroko:“kuroko是l的成员”, 金塔玛:“故事聚焦于ecc”, nisekoi:“Raku Ichijou可能是y的继承人”, 刺客:“一个奇怪的职业在超级联赛中开始”, shoku:“Souma的梦想是成为一名傅”, 世界触发:“通往另一个维度的门有刺”, haikyu:“偶然事件触发者”, 非法珍稀:“超自然生物生活在一起”, psi:“斋木库索拥有众多的超级大国”, 铁骑士:“一个身体像钢铁一样的男孩遇到了敌人” } 函数imagechange(图像){ mangaimage.innerHTML=“”; mangasummary.innerHTML=changetext(mangasum[image],95); readmanga.href=mangasite[image]; } 函数changetext(文本,num){ numChar=num; arrayWord=text.split(“”); str=“”; strArray=新数组(); newtext=“”; 对于(i=0;i=numChar){ newtext+=str+“
”; str=“” }
if(str.length+arrayWord[i].length很抱歉代码布局不整洁或凌乱。第一次在stackoverflow上粘贴代码。我建议将所有这些代码,并从中删除不会导致按钮不显示的所有内容。一旦您可以重现按钮不显示在此处显示的代码子集中的问题,您可能会获得更好的结果以答案的形式。目前,这基本上是一个“代码转储”.虽然在这里回答问题的人可能会自愿花时间,但这并不是故意浪费时间的理由。谢谢你的意见。精简代码并编辑。谢谢!你似乎将mangasum声明为数组,然后将其用作对象。这有什么原因吗?@Robert,没有特别的原因,这是一个w是的,我做到了,而且成功了。我想我会在漫画排行榜上名列前茅当点击像《让我们说火影忍者》这样的漫画时,它会显示漫画的描述和图片。感谢罗伯特的赞美!我试图在清理代码/使其具有可展示性和css之前启动并运行代码。已经学习了一年,但仍然不擅长。感谢罗伯特的帮助!感谢!
var mangasum = new Array();
mangasum["onepiece"] = "some string";