2016-04-26 12 views
-3

こんにちは、画像ギャラリーを作ろうとしています。たとえば、複数の画像があり、JavaScriptを使用してそれらの上にカーソルを置いたときに不透明度を変更したいと思っています。これはCSSで可能ですが、 JavaScriptの私はタグ名方法が、問題によって要素を取得使用してみました、それだけの時間で一つの要素にアクセスすることができますので、私は感謝JavaScriptのタグ名で複数の要素を取得しますか?

+1

はあなたがしようとしたコードを表示することができますようにしなければならないあなたに

var images = document.getElementsByTagName("img"); 

のような画像要素を収集する必要がありますか? – RST

+0

'getElementsByTagName'はノードの集合を返します。現在あなたが問題を引き起こしているコードを投稿できますか? –

答えて

-1

あなたは、あなたが

Array.prototype.forEach.call(images, e => e.addEventListener("mouseover", function(event) { do something})); 
0

はこれを試してみてくださいことを行うことができます。

あなたが置くと、そのIDを取得します画像。次に、すべての画像(上記の例)をループし、不透明度を設定します。要素があなたがクリックしたものと等しければ(覚えておいて、あなたがそれを使うことができるので覚えておいてください)、次にcontinue;を使って次のものにスキップしてください。

+0

要素は、配列関数を直接使用することができないHTMLCollectionです。 Array.prototype.forEach.call(要素、コールバック)のようにするのが最も良い – Redu

+0

これは動作しません。 'getElementsByTagName'は配列ではなく、ノードリストを返します。配列に変換したり、forループを使用することができます。 – Damon

+0

@Redu修正済み、ありがとうございます。 –

関連する問題