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

我确信这很简单，但似乎无法解决，网络搜索也没有任何结果，或许我只是采用了它的方式。将一个标题元素的值设置为另一个

我有一个包含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>  -->

来源

2017-04-21 mrkd1991

'.innerHTML =' – PHPglue

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

请务必把这个JavaScript之后两个元素已加载。像这样的例子：

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

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

</script>

如果你把这个代码在外部JS文件，应该像你，确保你运行代码的身体已经加载之后。

来源

2017-04-21 23:32:41

我试图此将所述脚本在头部，正下方的H4，直接身体结束标记之前直接内含div下方和。它似乎没有工作，不管我把它放在哪里... – mrkd1991

分享您的HTML –

代码已添加，你会在哪里放置js？ – mrkd1991

好吧，有很多试验和错误我终于搞定了。

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

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

来源

2017-04-22 02:35:04 mrkd1991

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

回答

相关问题