内容显示中的Javascript错误“无法设置属性”显示“未定义”

Question

我遇到了一些javascript的问题，我发现它是内容切换的解决方案。

在网页上：www.enyx.sk/cubecraft，当您加载页面时，您应该获取第一个故事或标签“O nas”的内容，但在页面加载后，此页面的内容未显示，您必须单击菜单链接以显示...

我在网站加载后检查了代码并得到以下错误：未捕获的TypError：无法设置undefined的属性“display”。

为了清楚我是JS的新手，这是我在网上找到的内容切换解决方案。它一直工作到现在为止，我无法弄清楚导致第一个内容隐藏的原因......

非常感谢您的帮助

Answer 1

以下代码段中存在问题。因为firstChild不会返回您期望的div。

var firstone=document.getElementById('stories').firstChild;
if (firstone.nodeType != 1) {firstone = firstone.nextSibling;}
firstone.style.display="block";
} 

而不是尝试使用它。

document.getElementById('stories').getElementsByClassName("story")[0].style.display= 'block'

它会起作用： - ）

修改

var firstone=document.getElementById('stories').getElementsByClassName("story")[0]
    if (firstone.nodeType != 1) {firstone = firstone.nextSibling;}
    firstone.style.display="block";