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

Question

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

在网页上：www.enyx.sk/cubecraft，当您加载页面时，您应该获得第一个故事或选项卡“O nas”的内容，但页面加载后该页面的内容不显示，您必须单击菜单链接，以便它显示...

我在站点加载后检查了代码并收到以下错误：未捕获的 TypError：无法设置未定义的属性“显示”。

需要说明的是，我是 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";