如何在html中为多个图像创建搜索function

我是一个建立HTML网站的新手。

我在一个文件夹中有很多gif动画。 我想在javascript中创建一个搜索function，以便它可以搜索图像的关键字，如果图像存在，它可以显示图像，如果不存在，它将显示请输入另一个关键字。

Answer 1

您可以使用元素，其中元素值设置为图像文件的名称或图像文件的完整路径。 在change事件中，将元素.src属性设置为元素的.value 。

您可以使用片段标识符#id链接到同一document或不同document的元素，其中id是元素href属性中元素的.id 。

 #sel { position: relative; top: 50px; } 

    sel categories  Cats Nature City Animals