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

我相信这很简单，但我似乎无法解决这个问题，而网络搜索却一无所获，也许只是我用词的方式

我有一个带有H1元素ID“H1 title”的标题和一个带有H4元素ID“H4 title”的边栏

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

我似乎不知道该怎么做

任何帮助都将不胜感激

只是澄清一下，如果用户在“主页”页面上，“h1标题”将显示“主页”，我希望“h4标题”也显示“主页”。 我知道我可以为每一个都写，但是如果我们假设有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>     -->

页眉

确保在两个元素都加载后放置此JavaScript。例如：

<h1>YOUR HEADER</h1>
<h4>OTHER HEADER </h4>

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

 </script>

你的标题
其他标题
document.getElementById（“h4标题”）.innerHTML=document.getElementById（“h1标题”）.innerHTML

---

如果您像应该的那样将此代码放在外部JS文件中，请确保在加载正文后运行代码

好吧，经过反复尝试，我终于让它工作了

我将此代码放在

和

之间（它似乎在其他任何地方都不起作用）

var标题；
title=document.getElementById（“h1 title”）.innerHTML；
document.getElementById（“h4 title”）.innerHTML=title；

.innerHTML=

我尝试过将脚本放在head中，h4的正下方，包含div的正下方，body closing标记的正前方。无论我把它放在哪里，它似乎都不起作用…共享您的HTMLCode已添加，您将把js放在哪里？@mrkd1991将它放在

之后。这应该行得通。这也行不通，我甚至把内容给了h4，希望它能覆盖一个值，但运气不好。

<h1>YOUR HEADER</h1>
<h4>OTHER HEADER </h4>

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

 </script>

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