how to use javascript to add link to image element created using javascript

» javascript » how to use javascript to add link to image element created using javascript

By : AlbertoDiez

Date : January 10 2021, 01:45 PM

I wish this helpful for you how to add link for the image created using following javascript. , Try this:

code :

Share :

How to make javascript created image a link

By : Silvio Felipe

Date : March 29 2020, 07:55 AM

I wish this help you You didn't write onclick in tag, or not surround your tag with tag
Change the HTML code to :

code :

<div id="vedio-image"></div>
<div class="title"> 
  <a href="javascript:ReplaceContentInContainer('vedio-image',
                                           '<a href=\'http://example.com\'><img width=\'480px\' height=\'220px\' border=\'0\' src=\'<?php echo $this->webroot.'img/'.$count['News']['videoImage']; ?> \' /></a>')">
  <?php  echo $count['News']['title'];?></a>
</div>

Is it possible to add the 'sizes' property to a <link> element created by javascript?

By : user3449533

Date : March 29 2020, 07:55 AM

hope this fix your issue I am working on building a plugin for an existing content framework, and need to add elements to the header for mobile favicon support. The only access I am given to do so with the plugin architecture is utilizing javascript. I have successfully written the plugin which generates the elements, but the 'sizes' property is not being included in the generated code, likely as it is an HTML5 property. Is there a cross-browser way to do this? , You can use the setAttribute method:

code :

link.setAttribute("sizes","57x57")

Set source of image of dynamically created element in JavaScript

By : Ellyn Siegel

Date : March 29 2020, 07:55 AM

will be helpful for those in need HTML elements don't have a getElementById() method, that method is part of the document instance of the HTMLDocument class but your var doc refers to the newly created

, not the document. You could have used:

code :

let image = document.getElementById('imageId');

let image = doc.querySelector('#imageId');

Link in a javascript created image

By : Thor Stenberg

Date : March 29 2020, 07:55 AM

this will help Don't use document.write(). Create a new a element like you created the image and append the image to the anchor element and the anchor element to the wrapper.

code :

//define elements
var divWrapper = document.getElementById('wrapper');
var image = document.createElement('img');
var a = document.createElement('a');

//set image attributes
image.src = 'image.png';
image.height = 100;
image.width = 50;
image.style.position = "absolute";
image.style.left = 60 + "px";
image.style.top = 32 + "px";

//set anchor attributes
a.href = "index.php";

//Append the elements
a.appendChild(image);
divWrapper.appendChild(a);

<div id="wrapper"></div>

Javascript setting html created element link

By : user119917

Date : March 29 2020, 07:55 AM

it helps some times links are anchor tags so you would use document.createElement("a")
If you want the link to be h3 styling just append the link to that element, or use css

code :

var link = document.creaetElement("a");
datasheet.appendChild(link);

var link = document.createElement("A");
link.href = "https://stackoverflow.com";
link.textContent = "Link to stackoverflow";
document.body.appendChild(link);

var linkClone = link.cloneNode(true);
var datasheet = document.createElement("h3");

datasheet.appendChild(linkClone);
document.body.appendChild(datasheet);