將一個標題元素的值設置爲另一個

我確信這很簡單，但似乎無法解決，網絡搜索也沒有任何結果，或許我只是採用了它的方式。將一個標題元素的值設置爲另一個

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

將一個標題元素的值設置爲另一個

回答

相關問題