javascript removing elements

Question

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 -->

sorry i was thinking about my other part of code while writing it :D — MIRMIX, Jul 18 '14 at 11:37
Do you want to remove it or just hide it in DOM? So that it will not be visible in html page. — Harsh, Jul 18 '14 at 11:39
Duplicate: http://stackoverflow.com/questions/8830839/javascript-dom-remove-element — Matt Harrison, Jul 18 '14 at 11:41

score 2 · Accepted Answer · answered Jul 18 '14 at 11:39

2

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

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

answered Jul 18 '14 at 11:39

Matt Harrison

13,381
6
48
66

score 0 · Answer 2 · answered Jul 18 '14 at 11:41

0

You can just use:

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

answered Jul 18 '14 at 11:41

Think Different

2,815
1
12
18

score 0 · Answer 3 · answered Jul 18 '14 at 11:45

0

You can use this:

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

answered Jul 18 '14 at 11:45

Pinku

3
1

score 0 · Answer 4 · answered Jul 18 '14 at 11:46

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]);
     }
}

javascript removing elements

4 Answers4