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>
<div id="img">
<img id="img1" src="image1.jpg" onclick="setImage(this.id)" >
<img id="img2" src="image2.jpg" onclick="setImage(this.id)" >
</div>
<span id="source"></span>
</body>
</html>
+ element + "' />";
}
</script>
</head>
<body>
<div id="img">
<img id="img1" src="image1.jpg" onclick="setImage(this.id)" >
<img id="img2" src="image2.jpg" onclick="setImage(this.id)" >
</div>
<span id="source"></span>
</body>
</html>
Solution 2:
you can try this,
<img ng-src="{{myVar}}">
Post a Comment for "Assign Src Of Image To A Variable Through JS In HTML"