/Html/Show image inside table with innerhtml

Show image inside table with innerhtml

var array = cvpls();
var table = ``;
for (var i = 0; i < array.length; i++) {
  table += `<tr>`;
  for (var j = 0; j < array[i].length; j++) {
    if (i === 1 && j === 2) {
      table += `<td><img src='http://imgh.us/statik.gif' style ='width:50px;height:50px'></td>`;
    } else {
      table += `<td>${array[i][j]}</td>`;
    }
  }
  table += `</tr>`;
  document.getElementById("Invtable").innerHTML = table;
}

function cvpls() {
  return array = [
    [4, 5, 6, 9, 2],
    ['img', 'img', 'img', 'img', 'img'],
    ['d', 'b', 'g', 'i', 'o']
  ];
}

Source: stackoverflow.com

Similar codes

1 vote195 views1 answer
Favicon icon in css font awesome
Html
2 votes192 views2 answers
Unordered list in html
Html
0 vote195 views1 answer
Livewire wire:targer multiple target
Html
0 vote180 views1 answer
The requested list key 'map' could not be resolved as a collection / array / map / enumeration / iterator type. Example: people or peopl
Html
0 vote209 views1 answer
Html application
Html
0 vote191 views1 answer
How to add label on image in html
Html
0 vote198 views1 answer
Bulma css buttons
Html
83 votes202 views6 answers
Open anchor tag in new tab
Html
0 vote207 views1 answer
What is the best class for lists in html
Html
0 vote219 views1 answer
Onclick input text select
Html