在页面加载时用id格式替换所有元素

Answer 1

您可以使用

document.querySelectorAll

和选择器

[id^=image]

来获取所有 id 以

"image"

开头的元素，然后遍历它们以执行此图像替换。

function changeImage() {
  for (const element of document.querySelectorAll('[id^=image]')) {
    $image_markdown = element.innerHTML;
    $image_format = $image_markdown.match(/!\[.*?\]\((.*?)\)/)[1];
    $new_image = '<img src="' + $image_format + '" style="width:200px">'
    element.innerHTML = $new_image;
  }
}
changeImage();

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<label class="control-label abc-control-label" id="image3">![](https://i.imgur.com/pMRNwuY.png)</label>
<br>
<label class="control-label abc-control-label" id="image2">![](https://i.imgur.com/ZE8HMqh.png)</label>
<br>
<label class="control-label abc-control-label" id="image1">![](https://i.imgur.com/P92SWSj.png)</label>
<br>