markdown_image_2

by bvotcode

HTML

<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>
<img src="https://i.imgur.com/ZE8HMqh.png" style="width:200px">

JavaScript

//alert($new_image)

function changeImage () {
    var element = document.getElementById('image2');
    //myelement.innerHTML= "New Text";
    $image_markdown = element.innerHTML;
$image_format = $image_markdown.match(/!\[.*?\]\((.*?)\)/)[1];
$new_image = '<img src="' + $image_format + '" style="width:200px">'
//$(this).html($new_image);
element.innerHTML = $new_image;
//return $new_image
}

window.onload = changeImage();