How to Remove Specific div using javascript [duplicate]

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
– Tal, Commented Nov 11, 2019 at 6:23

Mahbub Moon · Accepted Answer · 2019-11-11 06:22:59Z

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, 2019 at 6:22

Mahbub Moon

5212 silver badges8 bronze badges

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

Comments

Muhammad Usman Ali · Accepted Answer · 2019-11-11 06:31:55Z

0

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>

answered Nov 11, 2019 at 6:31

1