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

HTML
  • 値属性

  • 要素のvalue属性は、リスト項目の値を設定するために使用されます。値は数値であるため、HTMLのol要素、つまり順序​​付きリストにのみ設定されます。

    以下は構文です-

    <li value="num">

    上記のnumは、順序付きリストのリスト項目の値です。

  • 要素-

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

    例

    <!DOCTYPE html>
<html>
<body>
<h1>Subjects</h1>
<p>Following are the subjects −</p>
<ol>
   <li>Maths</li>
   <li>Science</li>
   <li>English</li>
   <li>French</li>
</ol>
<p>Remaining subjects −</p>
<ol>
   <li value="5">Coffee</li>
   <li>Accounts</li>
   <li>Programming</li>
   <li>Networking</li>
</ol>
</body>
</html>

    出力

    HTML li 値属性

    上記の例では、2つの順序付けされていないリストを設定しています-

    <p>Following are the subjects −</p>
<ol>
   <li>Maths</li>
   <li>Science</li>
   <li>English</li>
   <li>French</li>
</ol>
<p>Remaining subjects −</p>

<ol>
   <li value="5">Coffee</li>
   <li>Accounts</li>
   <li>Programming</li>
   <li>Networking</li>
</ol>

    そのうちの1つはデフォルトの1から始まっていません。value属性を使用して別の値を設定しました-

    <ol>
   <li value="5">Coffee</li>
   <li>Accounts</li>
   <li>Programming</li>
   <li>Networking</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&