Trying to add a button to the HTML DOM using document.getElementbyid.innerHTML

Asked Jun 24 '18 at 06:54

Active Jun 24 '18 at 07:00

Viewed 42 times

I am trying to add a button to my HTML DOM using document.getElementbyid.innerHTML, i put the following code inside my typescript code:

   mainTable = mainTable + "<td>" +
            "<input type=\"image\" src=\"https://d2yvv6a7kcdl71.cloudfront.net/55b8dd0f18cbbb8110875e08/assets/DAF13B00-8126-44E7-BF66-153C7022B022.png\"\n" +
            "  (click)=\"imageClicked()\"></td> <td>" +
            " <input type=\"image\" src=\"https://d2yvv6a7kcdl71.cloudfront.net/55b8dd0f18cbbb8110875e08/assets/7F3B475E-4C5F-4C65-8B9F-9901DDDCF8B9.png\"\n" +
            "         (click)=\"imageClicked()\"></td>"

          document.getElementById('mainTable').innerHTML = mainTable;

it is added to the html but nothing happens when i click the image.

asked Jun 24 '18 at 06:54

Omar Smri

`input` type can never be an image, convert it to a `file` or change `input` tag to `img` – WasiF Jun 24 '18 at 07:03
Thank u, But i tried adding the same HTML tag with as an image in the HTML file and it worked – Omar Smri Jun 24 '18 at 07:09

Trying to add a button to the HTML DOM using document.getElementbyid.innerHTML

0 Answers0