Question

我希望在我的网站上为我的文章创建一个新页面，该页面会在页面后面复制我的<h1>标记的内容。

我想要包含一小部分代码（我想象Javascript，但还有别的东西可以做） - 动态地在底部添加我文章的标题<h1>，这样看起来像这样：

<h1> This is the title of the article </h1>

 and then at the end of the page:

  Related Articles:

   <p> If you enjoyed reading 
         <script>... populatate "This is the title of the article"</script> 
  then why not explore the following similar articles? </p>

我已经调查了它，看起来除了复制<title>标签之外似乎还没有看到如何做到这一点。这可能很简单，但是有人知道怎么做吗？

Answer 1

HTML

<h1 id="something"> title </h1>
<h1 id="repeated_title"></h1>

JQUERY

$("#repeated_title").text($("#something").text());

Answer 2

如果你有这样的代码：

If you enjoyed reading <span id="populate"></span>

您可以编写一个jQuery代码段，如：

$(function(){
    $('#populate').text($('h1').text());
});

Answer 3

在生成/编写HTML而不是在运行时复制数据可能是更好的主意，但是如果不可能，请将要复制文本的位置包装到可以复制的元素中例如，参考id：

<span id="title_copy"></span>

然后，找出一种方法来引用要复制文本的标题，例如再次通过ID：

<h1 id="main_title">This is the title of the article</h1>

然后你可以使用JS将“main_title”的内容复制到“title_copy”：

document.getElementById('title_copy').innerHTML = document.getElementById('main_title').innerHTML;

Answer 4

在纯Javascript中，你就是这样做的（Look Ma，No jQuery）

<h1 id="something"> title </h1>
If you enjoyed reading <span id="populate"></span>

的Javascript

<script>
    document.getElementById("populate").innerHTML = document.getElementById("something").innerHTML;
</script>

可能最好做服务器端。

P.S。您不必在此处放置<script>标记。文档中的任何位置都可以，而且主要在<head>

中完成

Answer 5

有很多方法可以做到这一点，而javascript并不是最好的方法，因为你应该做这个服务器端。

<h1 id='title'> This is the title of the article </h1>

and then at the end of the page:

Related Articles:

<p> If you enjoyed reading <span id="title2"></span> then why not explore the following similar articles? [/p]
<script>$("#title2").text(#("#title").text);</script>

如何使用Javascript在同一HTML文件中重复早期文本

5 个答案: