我前不久发布了this个问题，但没有获得任何成功，因此我认为我会在更笼统的情况下再试一次，看看是否有任何结果。
关于静态模式页面对我来说有意义的概念。我可以轻松地沿W3 Schools tutorial进行操作，这很有意义-在HTML中添加一个模式部分，使用JavaScript抓取图像并编写一个函数，以在单击图像时更改页面的外观加上一些CSS。很简单。
如果您有一些不同的图像，则同样适用。它有点重复，但是您可以为每个图像添加不同的ID，并使用一系列JavaScript getElementById（）执行相同的操作。没问题。
但是，如果要处理包含数百个图像的图像页面，该怎么办？还有，如果您使用Ajax动态过滤掉某些类型的图像（由数据库交互驱动）。我使用PHP与数据库进行交互，并且很容易编写一个for循环，为出现的每个图像添加唯一的ID。但是，鉴于要抓取数百个不同的ID，尤其是当您在特定时间不知道页面上有哪些图像时，该如何添加模式功能？
理论上，您可以编写数百种不同的JavaScript getElementById（）来处理所有可能的情况。但这很繁琐而且根本没有效率。如果没有更好的方法，我会感到震惊，但是我还没有偶然发现答案。有没有办法说“寻找这些图像中的任何一个，但只显示您单击的特定图像的模式显示”？