Seletores HTML CSS Java

Os seletores CSS são usados para processar elementos específicos em um documento HTML. Este artigo aborda diferentes exemplos de seletores CSS como QuerySelector e QuerySelectorAll para atualizar a primeira instância de um elemento ou todas as instâncias de um elemento programaticamente em Java.

Use seletores CSS em HTML - instalação da API Java

Aspose.HTML para Java A API suporta a manipulação ou conversão de HTML, MHTML, SVG e outros formatos de arquivo. Você pode configurá-lo rapidamente baixando os arquivos JAR da seção Novos lançamentos ou usando os seguintes detalhes no arquivo pom.xml do seu lado. Isso habilitará a API do Aspose Repository em seu projeto:

Repositório:

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

Dependência:

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

Use o seletor CSS QuerySelector em Java

As etapas a seguir demonstram como usar o seletor CSS QuerySelector em Java:

  1. Carregue o HTML de entrada com a classe HTMLDocument.
  2. Crie um seletor de CSS que extraia o primeiro elemento do parágrafo.
  3. Imprima o conteúdo do primeiro parágrafo.
  4. Defina o atributo de estilo com propriedades para o elemento selecionado.
  5. Salve o documento HTML de saída.

O trecho de código abaixo explica como usar o seletor CSS QuerySelector em Java:

// Prepare o caminho para o arquivo HTML de origem
String documentPath = dataDir + "queryselector.html";

// Criar uma instância de um documento HTML
var document = new com.aspose.html.HTMLDocument(documentPath);

// Aqui criamos um seletor de CSS que extrai o primeiro elemento de parágrafo do documento
var element = document.querySelector("p");

// Imprimir conteúdo do primeiro parágrafo  
System.out.println(element.getInnerHTML());
// saída: O método QuerySelector() retorna o primeiro elemento no documento que corresponde ao seletor especificado.

// Definir atributo de estilo com propriedades para o elemento selecionado               
element.setAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Salve o documento HTML em um arquivo
document.save(dataDir + "queryselector-p.html");

Trabalhe com o seletor CSS QuerySelectorAll em HTML usando Java

Você precisa seguir os passos abaixo para processar elementos usando o seletor CSS QuerySelectorAll em Java:

  1. Prepare um código HTML.
  2. Inicialize um documento usando a classe HTMLDocument.
  3. Crie um seletor de CSS que extraia todos os elementos correspondentes no documento.
  4. Iterar sobre a lista de elementos resultante e processá-los.

O exemplo de código abaixo é um exemplo de como trabalhar com o Seletor CSS QuerySelectorAll programaticamente usando Java:

// Preparar um 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 um documento com base no código preparado
com.aspose.html.HTMLDocument document = new com.aspose.html.HTMLDocument(code, ".");
try {
    // Aqui criamos um seletor CSS que extrai todos os elementos cujo atributo 'class' é igual a 'happy' e seus elementos SPAN filhos
    com.aspose.html.collections.NodeList elements = document.querySelectorAll(".happy span");

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

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

Explorar Aspose.HTML para Java

Você pode dar uma olhada em diferentes seções no espaço [documentação][7] que explicam como utilizar os recursos oferecidos pela API.

Conclusão

Concluindo, você aprendeu como trabalhar com diferentes seletores CSS como QuerySelector e QuerySelectorAll programaticamente em Java. Você pode iterar por diferentes elementos que atendem aos critérios de seleção com base em seus requisitos. Caso você queira discutir qualquer uma de suas dúvidas, escreva para nós em forum.

Veja também