2017-06-02 6 views
0

UL内の画像の位置を取得する:誰かが画像をクリックするとは、私は例えば、ULでの画像の位置を取得しようとしているjavascriptの

function myFunction(){ 
    var img = document.getElementById("myID").querySelectorAll("img"); 
    var x = x; 
    img[x].style.backgroundColor = "red"; 
} 

機能が実行されます。

私はvar x =クリックされた画像の番号を取得したい。

私はjQueryを知らないので、それは飛行機のJavaScriptのおかげですべてだったので、私は感謝したいと思います。

+0

関数はどのように呼び出されていますか?それがこの問題を解決するために重要なことです。 –

+0

「クリックされた画像の数」とはどういう意味ですか?DOM内の実際の位置を望んでいるのですか、複数の画像があり、単に画像のインデックスが必要ですか? –

+0

@Slence彼はインデックスを望んでいます。 –

答えて

0

問題があります。おそらく:

//wait for all clicks 
window.addEventListener("click",function(event){ 
//check if it has a parent with id myID 
    var e=event.target; 
    while(e!==document.body && e.id!="myID"){ 
     e=e.parent; 
    } 
if(e.id=="myID"){ 
    //set a backgroundcolor to the clicked element. May also check if Node is IMG 
    event.target.style.backgroundColor="red"; 
} 
}); 
関連する問題