HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTML
    反転属性


HTMLの

    要素のreversed属性は、順序付きリスト内のリスト項目の逆順を設定するために使用されます。番号が降順で表示され、HTML5で導入されました。

    以下は構文です-

    <ol reversed>

    ここで、

      要素-

      の逆属性を実装する例を見てみましょう。

      <!DOCTYPE html>
      <html>
      <body>
      <h2>Rank in Descending order</h2>
      <ol reversed>
         <li>Tom</li>
         <li>Jack</li>
         <li>Will</li>
         <li>Harry</li>
         <li>Tim</li>
         <li>Steve</li>
         <li>David</li>
         <li>Kane</li>
         <li>William</li>
         <li>John</li>
      </ol>
      </body>
      </html>

      出力

      HTML ol 反転属性

      上記の例では、

    1. -

      の下に次のリスト項目を使用して、順序付けされていないリストを設定しています。
      <li>Tom</li>
      <li>Jack</li>
      <li>Will</li>
      <li>Harry</li>
      <li>Tim</li>
      <li>Steve</li>
      <li>David</li>
      <li>Kane</li>
      <li>William</li>
      <li>John</li>

      上記は、順序付けされていないリストの

        要素の下にあります。逆順を申請するには、逆属性-

        を使用します
        <ol reversed>
        <li>Tom</li>
        <li>Jack</li>
        <li>Will</li>
        <li>Harry</li>
        <li>Tim</li>
        <li>Steve</li>
        <li>David</li>
        <li>Kane</li>
        <li>William</li>
        <li>John</li>
        </ol>

  1. HTMLDOMnextSiblingプロパティ

    HTML DOM nextSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視しません。 以下は構文です- nextSiblingノードを返す nodeList.nextSibling HTML DOM nextSiblingの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextSibling</title> <style>  

  2. HTMLDOMnextElementSiblingプロパティ

    HTML DOM nextElementSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視します。 以下は構文です- nextElementSiblingノードを返す nodeList.nextElementSibling HTML DOM nextElementSiblingの例を見てみましょう。 プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextElementSibling&