Javascript删除元素

javascript removing elements

本文关键字：元素 删除 Javascript      更新时间：2023-09-26

如何使用javascript删除这种类型的html元素?

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

var element = document.getElementById('cd-timeline');
if (element) {
    element.parentNode.removeChild(element);
}

你可以直接使用:

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

你可以这样做:

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

如果你想删除一个元素的id，使用:

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

如果你想删除元素的标签，类等使用:

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]);
     }
}
相关文章：