用Javascript中的图像替换多个字符串

我目前有54个图像图标,在以后的阶段,我将有超过200个图像图标,这些图像图标需要在整个{{1} }页面。在所有情况下,这些replace将是strings。 例子

html

到目前为止,这是我能想到的全部功能,但仅适用于个别情况。

strings

我希望脚本在所有情况下循环循环,以动态更改path_to_IMG并将字符串替换为图像链接。请原谅,我是Java语言的新手,因此下面的示例显示了部分PHP元素。该脚本将不断发展,因为新图标和这些图标的路径将随着时间的推移不断增加。

encased in {}
h8621007 回答:用Javascript中的图像替换多个字符串

我将从描述搜索和替换字符串的对象数组开始,然后在其上循环以进行搜索和替换。这是一个最小的例子。

let searchAndReplace = [
  { search: "{A}",replace: "path-to-image-a.png"},{ search: "{B}",replace: "path-to-image-b.png"}
];

for(let s of searchAndReplace) {
  document.body.innerHTML = document.body.innerHTML.replace(s.search,s.replace);
}

当然,您可以使用PHP动态填充该数组。

您可能还想对搜索词使用正则表达式。

var searchAndReplace = [
  { search: /{A}/g,{ search: /{B}/g,replace: "path-to-image-b.png"}
];
本文链接:https://www.f2er.com/3169376.html

大家都在问