Comment faire une liste JavaScript commandée?

Lors de la création d'une page Web ou d'un site Web, vous devrez peut-être afficher du contenu dans le formulaire de table afin de spécifier une valeur par rapport à un attribut particulier. Plus précisément, la création de la table des matières pour la vue d'ensemble du document peut gagner beaucoup de temps. Dans de tels cas, faire une liste ordonnée en JavaScript est très utile pour améliorer la lisibilité et la conception de documents accessibles.

Cet article démontrera les méthodologies utilisées pour faire une liste ordonnée dans JavaScript.

Comment faire une liste JavaScript commandée?

Pour faire une liste ordonnée en JavaScript, les approches suivantes peuvent être utilisées avec le «

" étiqueter:
• "Nombres" et "Romains"
• "Nichage" Méthode
• "commencer" et "inverse" Les attributs

Maintenant, passez par les méthodes mentionnées une par une!

Méthode 1: Faire une liste commandée en JavaScript en utilisant

Tag avec les nombres et les Romains

Le "

»Tag définit une liste commandée avec divers attributs comme Start and Inverse. Cette balise peut être appliquée pour créer une liste commandée à l'aide des nombres et des Romains.

Exemple 1: Faites une liste commandée à l'aide de nombres

La liste commandée numérotée est créée par défaut en spécifiant simplement le «

" étiqueter. Dans cet exemple, nous utiliserons le
Tag et insérer les éléments de la liste dans le contenu "
1. ”Tag de liste:
   
   
   1. Python
   
   
   2. Java
   
   
   3. Javascrip
   
   

   Cela entraînera la sortie suivante:

   Exemple 2: Faites une liste commandée en utilisant des Romains

   Pour la numérotation romaine, spécifiez le type de liste ordonnée comme «je»:

   Maintenant, insérez les éléments de la liste dans le «

   1. ”TAG comme discuté dans l'exemple précédent:

   2. Python
   
   
   3. Java
   
   
   4. Javascrip

   Sortir

   Méthode 2: Faire une liste commandée en JavaScript en utilisant

   Tag avec la méthode de nidification

   Le "nichage»La méthode crée une liste ordonnée en nichant les éléments de liste par rapport à un élément de liste particulier. Cette méthode peut être implémentée pour contenir la liste des éléments dans une catégorie spécifique. Pour ce faire, tout d'abord, utilisez le «

   ”Tag et ajoutez le premier élément de liste dans le
   1. Tag comme discuté:
      
      
      1. Javascrip

      Ensuite, créez un autre

      Tag contenu dans la première balise afin d'ajouter une sous-liste sous le «Javascrip" article:
      
      
      1. Des classes
      
      
      2. Json
      
      
      3. jquery
      
      

      De même, placez un autre élément de liste "Java«En tant que partie de la liste des parents:

      1. Java

      Répétez le même processus pour créer la sous-liste du «Python" article:

      2. Python
      
      
      
      
      1. Variables
      
      
      2. Les fonctions
      
      
      
      

      Sortir

      Afin d'appliquer le

      Tag avec différents attributs, suivez la section suivante.

      Méthode 3: Faire une liste commandée en JavaScript en utilisant

      Tag avec des attributs de début et de revers

      Le "

      »La balise peut être appliquée avec l'attribut de démarrage pour démarrer une liste commandée en fonction du numéro spécifié. L'attribut inverse, cependant, inverse les index de la liste ordonnée sans aucune modification des éléments de la liste.

      Exemple 1: Faites une liste commandée à l'aide de l'attribut de démarrage

      Tout d'abord, ajoutez un texte qui doit être affiché sur le modèle d'objet de document (DOM) à l'intérieur du «

      Tâche à effectuer:

      Ensuite, spécifiez l'attribut start afin de démarrer la liste commandée avec le numéro "2»:

      Enfin, incluez les éléments de la liste dans le «

      2. " étiqueter:

      3. Javascrip
      
      
      4. Commandé
      
      
      5. Liste
      
      

      Sortir

      Exemple 2: Faites une liste commandée en utilisant l'attribut inverse

      Maintenant, répétez les étapes ci-dessus en spécifiant le «

      »Attribut comme inversé uniquement. Cela entraînera l'inversion des index des éléments de liste sans aucune modification des éléments de la liste:

      Tâche à effectuer:

      
      
      
      
      1. Javascrip
      
      
      2. Commandé
      
      
      3. Liste
      
      

      Sortir

      Ce blog a compilé les méthodes pour faire une liste commandée dans JavaScript.

      Conclusion

      Pour faire une liste ordonnée en JavaScript, utilisez le «

      ”Tag avec les numéros et les Romains pour personnaliser les index des éléments de liste spécifiés, le«nichage«Méthode pour contenir divers éléments de liste sous un élément de liste particulier, ou en appliquant le«commencer" et "inverse»Attributs pour démarrer une liste commandée avec l'index spécifié et inverser les index sans aucune modification des éléments de liste respectivement. Ce manuel a démontré les méthodes pour faire une liste ordonnée en javascript.