3

javascriptでテンプレートからDOM要素を取得する良い方法がわかりません。

テンプレートの例:

<script id = "template" type="text/template">
    <div>text1</div>
    <div>text2</div>
    <div>text3</div>
</script>

たとえば、「text2」でdivを取得したい

私が知っている方法がありますが、それらはすべて悪いです:

  1. すべての要素に「クラス」を追加 - セマンティクス (CSS 用に作成されたクラス) を壊します。大規模なプロジェクトでは、クラスに非常に長い名前を使用する必要があり、非常に不便です。

  2. 彼の番号 (インデックス) で要素を取得する - 新しい要素を追加するときは、コード内の古い番号を書き直す必要があります。

4

2 に答える 2

1

いくつかのオプションが表示されます。

  1. を使用したくない場合は、属性classを使用できます。data-*

  2. テンプレートを一度ロードしてから、必要に応じてそのコンテンツを複製すると仮定すると、idテンプレート内の要素に値を設定し、それらを複製してドキュメントに追加するときに削除できます (同じ結果idにならないようにします)。要素の複数のコピー。これは無効であり、おそらく非生産的です)。

于 2012-06-09T07:46:47.647 に答える
0

必要な数のテンプレートを作成することもできます。divごとに1つ。一度に各divを取得する必要がある場合は、それらにIDを設定する必要があります...もちろん、スクリプト要素内のdomを参照して、興味のあるものを見つけることもできます...

ホーム これは役に立ちます

よろしく

ミミズ

于 2012-06-09T07:40:57.887 に答える