Selettori HTML CSS Java

I selettori CSS vengono utilizzati per elaborare elementi specifici in un documento HTML. Questo articolo copre diversi esempi di selettori CSS come QuerySelector e QuerySelectorAll per aggiornare la prima istanza di un elemento o tutte le istanze di un elemento a livello di codice in Java.

Usa i selettori CSS in HTML - Installazione dell’API Java

L’API Aspose.HTML per Java supporta la manipolazione o la conversione di HTML, MHTML, SVG e altri formati di file. Puoi configurarlo rapidamente scaricando i file JAR dalla sezione New Releases o utilizzando i seguenti dettagli nel file pom.xml dalla tua parte. Ciò abiliterà l’API da Aspose Repository nel tuo progetto:

Deposito:

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

Dipendenza:

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

Usa CSS Selector QuerySelector in Java

I passaggi seguenti mostrano come utilizzare il selettore CSS QuerySelector in Java:

  1. Carica l’HTML di input con la classe HTMLDocument.
  2. Crea un selettore CSS che estrae il primo elemento del paragrafo.
  3. Stampa il contenuto del primo paragrafo.
  4. Imposta l’attributo di stile con le proprietà per l’elemento selezionato.
  5. Salva il documento HTML di output.

Il frammento di codice seguente spiega come utilizzare il selettore CSS QuerySelector in Java:

// Prepara il percorso del file HTML di origine
String documentPath = dataDir + "queryselector.html";

// Creare un'istanza di un documento HTML
var document = new com.aspose.html.HTMLDocument(documentPath);

// Qui creiamo un selettore CSS che estrae il primo elemento del paragrafo nel documento
var element = document.querySelector("p");

// Stampa il contenuto del primo paragrafo  
System.out.println(element.getInnerHTML());
// output: il metodo QuerySelector() restituisce il primo elemento nel documento che corrisponde al selettore specificato.

// Imposta l'attributo di stile con le proprietà per l'elemento selezionato               
element.setAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Salva il documento HTML in un file
document.save(dataDir + "queryselector-p.html");

Lavora con QuerySelectorAll CSS Selector in HTML utilizzando Java

È necessario seguire i passaggi seguenti per elaborare gli elementi utilizzando il selettore CSS QuerySelectorAll in Java:

  1. Prepara un codice HTML.
  2. Inizializza un documento utilizzando la classe HTMLDocument.
  3. Crea un selettore CSS che estrae tutti gli elementi corrispondenti nel documento.
  4. Scorrere l’elenco di elementi risultante ed elaborarli.

L’esempio di codice seguente è un esempio di come lavorare con QuerySelectorAll CSS Selector a livello di programmazione utilizzando Java:

// Prepara un codice 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";

// Inizializzare un documento basato sul codice preparato
com.aspose.html.HTMLDocument document = new com.aspose.html.HTMLDocument(code, ".");
try {
    // Qui creiamo un selettore CSS che estrae tutti gli elementi il cui attributo 'class' è uguale a 'happy' e i loro elementi figlio SPAN
    com.aspose.html.collections.NodeList elements = document.querySelectorAll(".happy span");

    // Scorrere l'elenco di elementi risultante
    elements.forEach(element ->{
        System.out.println(((com.aspose.html.HTMLElement) element).getInnerHTML());

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

Esplora Aspose.HTML per Java

Puoi dare un’occhiata alle diverse sezioni nello spazio [documentazione][7] che spiegano come utilizzare le funzionalità offerte dall’API.

Conclusione

In conclusione, hai imparato a lavorare con diversi selettori CSS come QuerySelector e QuerySelectorAll a livello di programmazione in Java. È possibile scorrere diversi elementi che soddisfano i criteri di selezione in base alle proprie esigenze. Nel caso in cui desideri discutere una qualsiasi delle tue domande, ti preghiamo di scriverci a forum.

Guarda anche