Delete Javascript Element in Runtime [duplicate]

Question

I have this code below:

<div id="myid_info_barcode" class="myid_print_duo_barcode">
    <canvas width="256" height="256"></canvas>
</div>

I want to delete the canvas in runtime. How will I do that in Javascript?

Get a reference to it, maybe using querySelector. Then use node.parentNode.removeChild(node). — RobG
– RobG, Commented Jun 16, 2015 at 2:25
It's not a "JavaScript element". JavaScript does not have elements. It's a "DOM element". — user663031
– user663031, Commented Jun 16, 2015 at 3:30

Albert Mori · Accepted Answer · 2015-06-16 02:37:13Z

0

With jQuery you can

$('#myid_info_barcode').empty();

Alternatively with plain javascript

document.getElementById("myid_info_barcode").innerHTML = "";

answered Jun 16, 2015 at 2:37

Albert Mori

244 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Answers should not be provided that rely on major libraries that are not requested or tagged in the question (such as jQuery).