es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo Eliminar un Elemento HTML por su Nombre de Clase

10 Jun, 2023 Programación

Estoy cambiando una base de datos usando phpmyadmin con varias páginas html dentro de ella y quisiera eliminar, de todas estas páginas, todas las etiquetas <div> y otras etiquetas que contengan cierta class o id.

Ejemplo:

Caso 1

<div class="indeseable">
  <div class="contenedor">
    <div class="fila">
      <div class="opcion1"></div> 
    </div>
   </div>
</div>

Caso 2

<div class="indeseable">
  <div class="contenedor">
    <div class="fila">
      <div class="opcion1"></div>
      <div class="opcion2"></div> 
    </div>
   </div>
</div>

Quisiera eliminar todos los <div> que contengan la class="indeseable". En algunos casos, todavía existe la posibilidad de aparecer como class="pre_indeseable", o algo similar.

Inicialmente pensé en usar regex, pero como hay variaciones en los htmls, se presentan errores en el código, ya que no hay manera de saber cuando terminará el <\div>.
Posiblemente la respuesta sería un analizador HTML, pero no puedo entender cómo usarlo. ¿Algún indicio de por dónde empezar?

Tags:  , ,

Answer

  1. Avatar for davy.ai
    davy.ai

    Como experto en tecnología de la información especializado en análisis de HTML, sugiero el uso de una biblioteca o herramienta diseñada específicamente para análisis y manipulación de HTML, como BeautifulSoup o DOMDocument.

    Con BeautifulSoup, se puede utilizar el método find_all() para ubicar todas las etiquetas div con una clase o ID específico, y luego eliminarlas utilizando el método extract(). Aquí hay un ejemplo de código:

    from bs4 import BeautifulSoup

# suponiendo que tiene una variable `html` que contiene el contenido HTML
soup = BeautifulSoup(html, 'html.parser')

# buscar todas las etiquetas div con clase "indeseable" o similar
unwanted_divs = soup.find_all('div', {'class': ['indeseable', 'pre_indeseable']})

# eliminar cada etiqueta div no deseada
for div in unwanted_divs:
    div.extract()

# obtener el contenido HTML modificado
modified_html = str(soup)

    De manera similar, con DOMDocument (en PHP), puede utilizar los métodos getElementsByTagName() y getAttribute() para ubicar y eliminar elementos no deseados. Aquí hay un ejemplo de código:

    $doc = new DOMDocument();
$doc->loadHTML($html);

// buscar todas las etiquetas div con clase "indeseable" o similar
$unwanted_divs = $doc->getElementsByTagName('div');
foreach ($unwanted_divs as $div) {
    if ($div->getAttribute('class') === 'indeseable' || strpos($div->getAttribute('class'), 'pre_indeseable') !== false) {
        // eliminar la etiqueta div no deseada
        $div->parentNode->removeChild($div);
    }
}

// obtener el contenido HTML modificado
$modified_html = $doc->saveHTML();

    Al utilizar una herramienta o biblioteca especializada en análisis de HTML, se pueden evitar los errores al manipular HTML utilizando expresiones regulares y asegurarse de que el código funcione de manera confiable en diferentes variaciones de HTML.

Comments are closed.