Question

我确信这很简单，但我似乎无法解决这个问题，网络搜索也没有任何结果，也许就像我说的那样。

我有一个带有H1元素ID“h1-title”的标题和一个带有H4元素ID“h4-title”的侧栏。

假设有四个网页，我希望“h4-title”显示“h1-title”的值。

我似乎无法绕过如何做到这一点。

非常感谢任何帮助。

只是为了澄清，如果用户在“主页”页面上，“h1-title”将显示为“Home”，我希望“h4-title”也读取“Home”。我知道我可以为每一个写它，但如果我们假设有100页，那就是很多双倍的代码。

代码：

<!--        <PAGE HEADER>       -->
<div id="header">
    <header>

<!--        <HEADER TITLE>      -->
<div id="header-title">
    <h1 id="h1-title">Page Header</h1> <!-- **HERE'S "h1-title"** --> 
</div>
<!--        </HEADER TITLE>     -->

<!--        <HEADER NAVBAR>     -->
<div id="top-nav">
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Content</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>
<!--        </HEADER NAVBAR     -->

    </header>
</div>
<!--        </PAGE HEADER>          -->

<!--        <PAGE CONTENT       -->
<div id="content">

<!--        <PAGE SIDEBAR>      -->
<div id="aside">
    <aside>

      <h4 id="h4-title"></h4> <!-- **HERE'S "h4-title"** -->
      <ul id="ul-aside" style="list-style-type:none; font-size:30%;">
          <li><a href="">Content1</a></li><br />
          <li><a href="">Content2</a></li><br />
          <li><a href="">Content3</a></li><br />
          <li><a href="">Content4</a></li><br />
          <li><a href="">Content5</a></li><br />
          <li><a href="">Content6</a></li><br />
          <li><a href="">Content7</a></li><br />
          <li><a href="">Content8</a></li><br />
      </ul>

    </aside>
</div>
<!--        </PAGE SIDEBAR>     -->

Answer 1

function getHandler(handlers: number[] | string[]): any {
    return handlers.map(handler => handler);
}

确保将这两个元素加载后放入此JavaScript。像这样举例如：

document.getElementById("h4-title").innerHTML = document.getElementById("h1-title").innerHTML

如果您将此代码放在外部JS文件中，请确保在加载正文后运行代码。

Answer 2

好的，经过大量的试验和错误我终于得到了它。

我已将此代码放在</body>和</html>之间（它似乎无法在其他任何地方使用）。

<script>
    var title;
    title = document.getElementById("h1-title").innerHTML;
    document.getElementById("h4-title").innerHTML = title;
</script>

将一个标题元素的值设置为另一个

2 个答案: