How to Remove Specific div using javascript

Question

can someone please tell me how to remove div element using javascript. I'm on a Shopify theme edit.

I need to this to be or

How are you targeting the div to be removed ? what identifier are you going to use ? — Tal, Nov 11 '19 at 06:23

score 0 · Answer 1 · answered Nov 11 '19 at 06:22

0

First, get the div that you need to remove.

and then remove the div from its parent.

var element = document.getElementById("childDiv");
element.parentNode.removeChild(element);

answered Nov 11 '19 at 06:22

Mahbub Moon

score 0 · Answer 2 · answered Nov 11 '19 at 06:31

Here is some example hope this will help you!

var btn = document.getElementById('btn');
btn.onclick = function () {
    document.getElementById('did').remove();
    this.remove();
};

<div id='did'>
<p id='pid'>Hello World</p>
<input id='btn' type="submit" value='REMOVE THAT!!!'/>
</div>

2 Answers2