CODEWITHSUNDEEP
javascripthtml
MIRMIX
MIRMIX

Reputation: 1080

javascript removing elements

How to remove such type html elements using javascipt?

<section id="cd-timeline" class="cd-container">
 <div class="cd-timeline-block">
        <div class="cd-timeline-img cd-location">
            <img src="img/cd-icon-location.svg" alt="Location">
        </div> <!-- cd-timeline-img -->
        <div class="cd-timeline-content">
            <h2>Title of section 4</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. .</p>
            <a href="#0" class="cd-read-more">Read more</a>
            <span class="cd-date">Feb 14</span>
        </div> <!-- cd-timeline-content -->
    </div> <!-- cd-timeline-block -->   
</section> <!-- cd-timeline -->

Upvotes: 0

Views: 110

Answers (4)

Ivan Grgurevic
Ivan Grgurevic

Reputation: 26

If you would like to remove a element by it's id use:

var elem = document.getElementById("myDiv");

elem.parentNode.removeChild(elem);

If you would like to remove elements by their tag, class, etc. use:

var elems = document.getElementsByTag("myDiv");

for(var i = 0, len = elems.length; i < len; i++) {
     if(elems[i] && elems[i].parentElement) {
         elems[i].parentElement.removeChild(elems[i]);
     }
}

Upvotes: 0

Pinku
Pinku

Reputation: 3

You can use this:

document.getElementById('cd-timeline').remove();

Upvotes: 0

Think Different
Think Different

Reputation: 2815

You can just use:

document.getElementById("cd-timeline").outerHTML='';

Upvotes: 0

Matt Harrison
Matt Harrison

Reputation: 13597

var element = document.getElementById('cd-timeline');

if (element) {
    element.parentNode.removeChild(element);
}

Upvotes: 2

Related Questions