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";