Assign Src Of Image To A Variable Through Js In Html
I want to assign content of the src tag of image to a variable on clicking on the image through JS: Eg- HTML 
![](image2.j</div><h2 id="solution_1">Solution 1:
</h2><div class="answer-desc"><p>try the following:</p><pre><code id="code_0" class="hljs language-xml"><span class="hljs-tag"><<span class="hljs-name">html</span>></span><span class="hljs-tag"><<span class="hljs-name">head</span>></span><span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="language-javascript"><span class="hljs-keyword">function</span><span class="hljs-title function_">setImage</span>(<span class="hljs-params">id</span>){
<span class="hljs-keyword">var</span> element = <span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(id).<span class="hljs-property">src</span>;
<span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">"source"</span>).<span class="hljs-property">innerHTML</span> = <span class="hljs-string">"<img src=)
+ element + "' />";
}
</script></head><body><divid="img"><imgid="img1"src="image1.jpg"onclick="setImage(this.id)" ><imgid="img2"src="image2.jpg"onclick="setImage(this.id)" ></div><spanid="source"></span></body></html>
+ element + "' />";
}
</script></head><body><divid="img"><imgid="img1"src="image1.jpg"onclick="setImage(this.id)" ><imgid="img2"src="image2.jpg"onclick="setImage(this.id)" ></div><spanid="source"></span></body></html>Solution 2:
you can try this,
<imgng-src="{{myVar}}">
Post a Comment for "Assign Src Of Image To A Variable Through Js In Html"