HTML反転属性
HTMLの
- 要素のreversed属性は、順序付きリスト内のリスト項目の逆順を設定するために使用されます。番号が降順で表示され、HTML5で導入されました。
- -の下に次のリスト項目を使用して、順序付けされていないリストを設定しています。
<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>
以下は構文です-
<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>
出力
上記の例では、
-
HTMLDOMnextSiblingプロパティ
HTML DOM nextSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視しません。 以下は構文です- nextSiblingノードを返す nodeList.nextSibling HTML DOM nextSiblingの例を見てみましょう プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextSibling</title> <style>
-
HTMLDOMnextElementSiblingプロパティ
HTML DOM nextElementSiblingプロパティは、指定された要素ノードの直後にある要素ノードを返します。 注:このプロパティは、テキストノードとコメントノードを無視します。 以下は構文です- nextElementSiblingノードを返す nodeList.nextElementSibling HTML DOM nextElementSiblingの例を見てみましょう。 プロパティ- 例 <!DOCTYPE html> <html> <head> <title>HTML DOM nextElementSibling&