0

<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>私はそれを調べましたが、タグを複製する以外にこれを行う方法がわかりません。たぶんとても簡単ですが、これを行う方法を知っている人はいますか？

4

5 に答える 5

1

純粋な Javascript では、次のようにします (Ma を見てください。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>

ただし、サーバー側で行うのがおそらく最善です。

<script>PSタグをそこに配置する必要はありません。ドキュメントのどこでも構いませんが、ほとんどは<head>

于 2013-07-23T12:04:11.197 に答える
1

実行時ではなく、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;
于 2013-07-23T12:04:01.923 に答える
1

HTML

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

Jクエリ

$("#repeated_title").text($("#something").text());
于 2013-07-23T11:58:37.223 に答える
1

次のようなコードがある場合:

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

次のような jQuery スニペットを記述できます。

$(function(){
    $('#populate').text($('h1').text());
});
于 2013-07-23T11:59:29.333 に答える