Question

首先，我根本没有html的背景，只是摆弄我对基本内容的一点知识..所以，抱歉，如果我的问题很愚蠢。

我在编写博客模板时遇到了innerhtml的问题;当我设法完成导航时，可以看到博客内容与导航内容。（你可以在我的博客上查看它here）这有点令人沮丧，因为它感觉还剩下我没试过。我的基本代码是这样的：

<body>

<span class="nav" onMouseover="this.style.color='#ddd'" onMouseout="this.style.color='#000'" onClick="document.getElementById('main').innerHTML=document.getElementById('about').innerHTML">ABOUT</span>

<div class="content2">
    <p id="main">

        <div id="about" style="display: none;">
        Content...
        </div>

    </p>

    <blogger>....</bloger>

</div>

</body>
</html>

提前致谢！

Answer 1

我不确定你的问题是什么，但我认为最重要的是如果你有多个部分，你的链接只会工作一次（因为你试图定位的元素在第一次链接点击后被删除）。

要解决此问题，请将目标块（即about元素）移到main元素之外。此外，我会将主要元素更改为div，就好像其中的任何内容都有p标记一样，您最终会得到嵌套的p s，这是无效的内容

<div class="content2">
    <div id="main">
    </div>
    <div id="about" style="display: none;">
        Content...
    </div>
</div>

Example Fiddle

innerHTML导航（主要内容与导航内容一起显示）

1 个答案: