Sélecteurs HTML CSS Java

Les sélecteurs CSS sont utilisés pour traiter des éléments spécifiques dans un document HTML. Cet article couvre différents exemples de sélecteurs CSS comme QuerySelector et QuerySelectorAll pour mettre à jour la première instance d’un élément ou toutes les instances d’un élément par programmation en Java.

Utiliser les sélecteurs CSS en HTML - Installation de l’API Java

Aspose.HTML pour Java L’API prend en charge la manipulation ou la conversion de HTML, MHTML, SVG et d’autres formats de fichiers. Vous pouvez le configurer rapidement en téléchargeant les fichiers JAR à partir de la section Nouvelles versions ou en utilisant les détails suivants dans le fichier pom.xml de votre côté. Cela activera l’API de Aspose Repository dans votre projet :

Dépôt:

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

Dépendance:

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

Utiliser CSS Selector QuerySelector en Java

Les étapes suivantes montrent comment utiliser le sélecteur CSS QuerySelector en Java :

  1. Chargez le HTML d’entrée avec la classe HTMLDocument.
  2. Créez un sélecteur CSS qui extrait le premier élément de paragraphe.
  3. Imprimer le contenu du premier paragraphe.
  4. Définissez l’attribut de style avec les propriétés de l’élément sélectionné.
  5. Enregistrez le document HTML de sortie.

L’extrait de code ci-dessous explique comment utiliser le sélecteur CSS QuerySelector en Java :

// Préparer le chemin vers le fichier HTML source
String documentPath = dataDir + "queryselector.html";

// Créer une instance d'un document HTML
var document = new com.aspose.html.HTMLDocument(documentPath);

// Ici, nous créons un sélecteur CSS qui extrait le premier élément de paragraphe du document
var element = document.querySelector("p");

// Imprimer le contenu du premier paragraphe  
System.out.println(element.getInnerHTML());
// sortie : la méthode QuerySelector() renvoie le premier élément du document qui correspond au sélecteur spécifié.

// Définir l'attribut de style avec les propriétés de l'élément sélectionné               
element.setAttribute("style", "color:rgb(50,150,200); background-color:#e1f0fe;");

// Enregistrer le document HTML dans un fichier
document.save(dataDir + "queryselector-p.html");

Travailler avec QuerySelectorAll CSS Selector en HTML en utilisant Java

Vous devez suivre les étapes ci-dessous pour traiter les éléments à l’aide du sélecteur CSS QuerySelectorAll en Java :

  1. Préparez un code HTML.
  2. Initialisez un document à l’aide de la classe HTMLDocument.
  3. Créez un sélecteur CSS qui extrait tous les éléments correspondants dans le document.
  4. Parcourez la liste d’éléments obtenue et traitez-les.

L’exemple de code ci-dessous est un exemple de la façon de travailler avec QuerySelectorAll CSS Selector par programmation à l’aide de Java :

// Préparer un code 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";

// Initialiser un document basé sur le code préparé
com.aspose.html.HTMLDocument document = new com.aspose.html.HTMLDocument(code, ".");
try {
    // Ici, nous créons un sélecteur CSS qui extrait tous les éléments dont l'attribut 'class' est égal à 'happy' et leurs éléments SPAN enfants
    com.aspose.html.collections.NodeList elements = document.querySelectorAll(".happy span");

    // Itérer sur la liste d'éléments résultante
    elements.forEach(element ->{
        System.out.println(((com.aspose.html.HTMLElement) element).getInnerHTML());

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

Explorer Aspose.HTML pour Java

Vous pouvez consulter différentes sections sous l’espace [documentation][7] qui expliquent comment utiliser les fonctionnalités offertes par l’API.

Conclusion

En conclusion, vous avez appris à travailler avec différents sélecteurs CSS comme QuerySelector et QuerySelectorAll par programmation en Java. Vous pouvez parcourir différents éléments qui répondent aux critères de sélection en fonction de vos besoins. Si vous souhaitez discuter de l’une de vos questions, veuillez nous écrire à forum.

Voir également