Remove elements whose id name contains certain string

javascript

Solution

No jQuery, but if there's support for CSS3 selectors you can go for

var rem = document.querySelectorAll("[id*='bs']"), i = 0;
for (; i < rem.length; i++)
    rem[i].parentNode.removeChild(rem[i]);

Otherwise, just go for this slight edit of VisioN's solution:

var divs = document.querySelectorAll("[id]");
for (var i = 0, len = divs.length; i < len; i++) {
    var div = divs[i];
    if (div.id.indexOf("bs") > -1) {
        div.parentNode.removeChild(div);
    }
}

Problem

I want to remove all elements (suppose they're all divs) whose id name contains the string `bs`. How to do this via javascript regardless of they are nested elements or not? (not jquery) ``` <div id="new_bs_add"></div> <div id="bsremove"></div> <div id="somethingelse"></div> ... and many more ```

Original source