2016-07-11 6 views
0

だから私は複数の要素で同じIDを使ってみました...それはうまくいきませんでした。私はそれを見つめ、それはうまくいかないと言った。だからクラスはもっと良いと言いました。しかしそれは役に立たなかった。これは私のスクリプトです:複数のIDに代わるものはありますか?

<a class="links" style="position:absolute;top:30">Link 1</a> 
<a class="links" style="position:absolute;top:10">Link 2</a> 

<script> 
links.href = "https://google.com"; 
</script> 

しかし、それはまだ動作しませんでした。私は間違っているだけですか?別の方法でやっていますか? 助けてくれてありがとう!

EDIT:わからないあなたのために、私は2つのリンクに同じhrefを与えようとしています。私は実際にそれをするつもりはありませんが、それは私の問題の例です。

+2

IDのアイデアは、要素がHTMLかJavaScriptか、空のプログラミング言語かどうかにかかわらず、要素を一意に識別することです。だから、同じスコープ内で2つの異なるものに対して同じIDを持つことはできません。これまで – Sampada

+0

あなたは何を達成しようとしていますか? – brk

+0

すべてのリンクに同じhrefを指定しようとしていますか? –

答えて

5

あなたはクラス"links"href同じことをあなたのアンカーのすべてを与えるためにしようとしている場合、あなたはクラスによって要素を検索し、それらのリストを返すDOMメソッドのいずれかを使用する必要があり、その後、あなたはループする必要がありますをリスト内の項目に適用します。ここで

var anchors = document.getElementsByClassName("links"); 
for (var i = 0; i < anchors.length; i++) { 
    anchors[i].href = "https://google.com"; 
} 

私は.getElementsByClassName() methodを使用しましたが、あなたも".links"のセレクターでdocument.querySelectorAll() methodを使用することができます。

関連する問題