javascript - href に var を追加する方法

Question

私はこのようなものが必要です:

var link = " http://www.google.com";

<a href='link' />

したがってhref、リンクの属性として変数を使用する必要があります。これは可能ですか？

で動作しました "<a href= '" + link + "' />"。より良い方法はありますか？

Answer 1

サーバーでhref値を設定する必要があります。これにスクリプトを使用するのは、不適切な設計です。

ただし、質問に答えるには、スクリプトを使用してA要素のhrefプロパティをDOMに設定した後、次のように設定します。

<ahref="<javascriptが利用できない場合に役立つURI>"id= "a0"> foo </a>

<script type = "text / javascript">
  var a = document.getElementById（'a0'）;
  もし） {
    a.href = "http://www.google.com";
  }
</ script>

もちろん、他にも千の方法がありますが、すべて落とし穴があります。したがって、サーバーに値を設定し、それらすべてを避けてください。

- 
ロブ

Answer 2

Jetpackを使用しているので、実行できます<a href={link}/>.toXMLString()。

<a/>要素を作成するだけの場合は、以下を使用します。

var anchor = document.createElement("a");
anchor.href = link;

Answer 3

jQueryを使用すると、これは次のようになります

var link = "http://www.google.com";
$("a[href='link']").attr("href", link);

ただし、javascript がオフになっている場合、これは正常に機能しなくなりますが、とにかく href で選択するのではなく、別のものを使用することをお勧めします。

Answer 4

これら両方のコード行を実際に書いている場合は、 write を使用する方がはるかに簡単です。

<a href="http://www.google.com">Google</a>

それ以外の場合は、JavaScript を使用しhrefてリンクのプロパティを設定する必要があり、リンクへの参照を取得する必要があります (つまり、そのidプロパティを設定する必要があります)。

したがって、次のように書くことができます。

<a id="myLink">Google</a>

そしてあなたのJavaScriptには次のものがあります：

document.getElementById("myLink").href=link

ただし、最初に、これが本当に必要かどうかを考えてください (または、質問に詳細を記入してください)。