Javascript 如何在单击时从对象获取信息

所以我创建了这个对象，并将其附加到html中。我想做一个js函数，在单击元素时，它会给我对象的信息。因此，当我单击名为car的元素时，它会在js中为我命名car

 var ItemCollection =

[
    {

        Name: 'IVY PARK SHOES',
        Price: 160,
        Picture: 'https://assets.adidas.com/images/w'
    },
    {

        Name: 'JOGGER SHOES',
        Price: 160,
        Picture: 'https://assets.adidas.com/images/w_840,h_840,f_'
    },
    {

        Name: 'ULTRABOOST SHOES',
        Price: 200,
        Picture: 'https://assets.adidas.com/images/w_840,h_840,f_auto,q'
    },
    {

        Name: 'NITE SHOES',
        Price: 130,
        Picture: 'https://assets.adidas.com/images/w_840,h_840,f_a'
    },
    ];

我知道下面的那个会给我商品索引，但我希望它能给我名字/价格或图片。此外，它不必发出警报警报警报只是看看它是否有效

var g = document.getElementById('Collection');
for (var i = 0, len = g.children.length; i < len; i++) {

    (function(index){
         g.children[i].onclick = function(){
             alert(index);
         }
    })(i);

}

var g=document.getElementById（'Collection'）；
for（变量i=0，len=g.children.length；i

您的html看起来怎么样？

警报（ItemCollection[index].Name）

将为您提供

Name

类似的

ItemCollection[index]。Price

用于

Price

和

ItemCollection[index]。Picture

用于

Picture

。是什么阻止了你这么做？谢谢，如果你把它作为一个答案发布，我可以把它标记为一个正确的答案。你的html是什么样子的？

alert（ItemCollection[index].Name）

将为您提供

Name

类似的

ItemCollection[index]。Price

用于

Price

和

ItemCollection[index]。Picture

用于

Picture

。是什么阻止了你这么做？谢谢，如果你把它作为答案贴出来，我可以把它标记为正确答案。