Selectores HTML CSS Java

Los selectores CSS se utilizan para procesar elementos específicos en un documento HTML. Este artículo cubre diferentes ejemplos de selectores CSS como QuerySelector y QuerySelectorAll para actualizar la primera instancia de un elemento o todas las instancias de un elemento mediante programación en Java.

Usar selectores de CSS en HTML: instalación de la API de Java

Aspose.HTML para Java La API admite la manipulación o conversión de HTML, MHTML, SVG y otros formatos de archivo. Puede configurarlo rápidamente descargando los archivos JAR de la sección Nuevos lanzamientos, o usando los siguientes detalles en el archivo pom.xml de su parte. Esto habilitará la API de Aspose Repository en su proyecto:

Repositorio:

 <repositories>
     <repository>
         <id>snapshots</id>
         <name>repo</name>
         <url>http://repository.aspose.com/repo/</url>
     </repository>
</repositories>

Dependencia:

 <dependencies>
    <dependency>
        <groupId>com.aspose</groupId>
        <artifactId>aspose-html</artifactId>
        <version>22.9</version>
        <classifier>jdk18</classifier>
    </dependency>
</dependencies>

Utilice el selector de CSS QuerySelector en Java

Los siguientes pasos demuestran cómo usar el selector de CSS QuerySelector en Java:

  1. Cargue el HTML de entrada con la clase HTMLDocument.
  2. Cree un Selector de CSS que extraiga el elemento del primer párrafo.
  3. Imprimir contenido del primer párrafo.
  4. Establecer atributo de estilo con propiedades para el elemento seleccionado.
  5. Guarde el documento HTML de salida.

El fragmento de código a continuación explica cómo usar el selector de CSS QuerySelector en Java:

// Preparar la ruta al archivo HTML de origen
String documentPath = dataDir + "queryselector.html";

// Crear una instancia de un documento HTML
var document = new com.aspose.html.HTMLDocument(documentPath);

// Aquí creamos un Selector de CSS que extrae el elemento del primer párrafo en el documento
var element = document.querySelector("p");

// Imprimir contenido del primer párrafo  
System.out.println(element.getInnerHTML());
// salida: el método QuerySelector() devuelve el primer elemento del documento que coincide con el selector especificado.

// Establecer atributo de estilo con propiedades para el elemento seleccionado               
element.setAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Guarde el documento HTML en un archivo
document.save(dataDir + "queryselector-p.html");

Trabajar con QuerySelectorAll CSS Selector en HTML usando Java

Debe seguir los pasos a continuación para procesar elementos usando el selector de CSS QuerySelectorAll en Java:

  1. Prepara un código HTML.
  2. Inicialice un documento utilizando la clase HTMLDocument.
  3. Cree un Selector de CSS que extraiga todos los elementos coincidentes en el documento.
  4. Iterar sobre la lista resultante de elementos y procesarlos.

El ejemplo de código a continuación es un ejemplo de cómo trabajar con QuerySelectorAll CSS Selector mediante programación usando Java:

// Preparar un código HTML
String code = "< div class='happy' >\n" +
              "        <div >\n" +
              "            <span > Hello </span >\n" +
              "        </div >\n" +
              "    </div >\n" +
              "    <p class='happy' >\n" +
              "        <span > World ! </span >\n" +
              "    </p >\n";

// Inicializar un documento basado en el código preparado
com.aspose.html.HTMLDocument document = new com.aspose.html.HTMLDocument(code, ".");
try {
    // Aquí creamos un Selector CSS que extrae todos los elementos cuyo atributo 'clase' es igual a 'feliz' y sus elementos secundarios SPAN
    com.aspose.html.collections.NodeList elements = document.querySelectorAll(".happy span");

    // Iterar sobre la lista de elementos resultante
    elements.forEach(element ->{
        System.out.println(((com.aspose.html.HTMLElement) element).getInnerHTML());

    });
} finally {
    if (document != null) {
        document.dispose();
    }
}

Explore Aspose.HTML para Java

Puede consultar las diferentes secciones en el espacio [documentación][7] que explican cómo utilizar las funciones que ofrece la API.

Conclusión

En conclusión, ha aprendido a trabajar con diferentes selectores de CSS como QuerySelector y QuerySelectorAll mediante programación en Java. Puede iterar a través de diferentes elementos que cumplan con los criterios de selección en función de sus requisitos. En caso de que desee analizar alguna de sus consultas, escríbanos al foro.

Ver también