Menu
I want to insert images to the new cell just created. How can I do it? Can anyone guide me in doing it? Here's my code to insertcells:
<!DOCTYPE html>
<html>
<head>
<script>
function displayResult()
{
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell"
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td>First cell</td>
<td>Second cell</td>
<td>Third cell</td>
</tr>
</table>
<br>
<button type="button" onclick="displayResult()">Insert cell</button>
</body>
</html>All I want is to insert image in the cell created.
737
Go to the Insert tab. Click on the Pictures option (it's in the illustrations group). In the 'Insert Picture' dialog box, locate the pictures that you want to insert into a cell in Excel. Click on the Insert button.
Create Image Element in JavaScriptCreate an image element using the createElement() method on the document object. Then, set an image URL to its src attribute. Finally, add the image element to the DOM hierarchy by appending it to the body element.
Use the <img> tag to add an Image inside the <td> element in HTML. Create a table using the <table> tag and give it a border of 4 px using the border attribute so that we can see the table border.
Answer: Yes, we can insert image in a table cell by using <img> tag within the <td> tag.
You can create the image element and append it to the new cell:
function displayResult()
{
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="New cell";
var img = document.createElement('img');
img.src = "link to image here";
x.appendChild(img);
}
Beware of building the raw HTML for the image, if you do it that way you'll need to make sure that you escape the src and any other attributes.
143
Simply set the inner HTML of the new cell to the HTML of an img element, with whatever src or attributes you wish.
function displayResult()
{
var firstRow=document.getElementById("myTable").rows[0];
var x=firstRow.insertCell(-1);
x.innerHTML="<img src='myImageURL' alt='hello'/>";
}
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
