[SOLUCIONADO] Eliminar elementos con misma clase en documento

[JUMASOL]

Hola

Estoy buscando la forma de eliminar tres elementos que se encuentran a lo largo del documento y que se identifican por la misma clase.

Concretamente:

Código:

  <div class="caja b"> 
    <div class="regla">
      <a href="enlace" rel="nofollow">ENLACE</a>         
    </div>
  </div>

Siempre está así y hay que eliminar todos los divs "regla".

Sólo javascript no jQuery.

He mirado muchas soluciones pero no he visto ninguna solución.

Un saludo.

[Alexis88]

Solo tómalos por su clase, recórrelos con una estructura repetitiva, toma al elemento padre de cada uno de ellos y, utilizando el método .removeChild(), elimínalos.

Código Javascript:

[].forEach.call(document.querySelectorAll(".regla"), function(regla){
    regla.parentNode.removeChild(regla);
});
 

Solo como comentario, esto no tiene sentido:

Iniciado por JUMASOL

He mirado muchas soluciones pero no he visto ninguna solución.

De cualquier forma, siempre debes mostrar lo que has intentado pues no todos te van a dar el código servido.

[JUMASOL]

Gracias Alexis. Funcionó.

Y tienes razón con el comentario. Lo seguiré.

Gracias.