HTML | DOM li value 属性

HTML 的列表元素（<ul>、<ol>、<dl>）中的每个项都可以由 <li> 元素来定义。<li> 元素是列表中的每一项，可以包含文本、图片、链接等内容。在 <li> 元素上，有一个可选属性 value，用于设置列表项的数值。

语法

<li value="number"> list item </li>

其中，number 表示这一项的数值，可以是一个正整数或负整数。如果不设置 value 属性，列表项的默认数值就是从上一项的数值加一。

示例

以下是一个无序列表的使用示例，其中 value 属性的值分别为 1、2、3：

<ul>
  <li value="1">Item 1</li>
  <li value="2">Item 2</li>
  <li value="3">Item 3</li>
</ul>

以下是一个有序列表的使用示例，其中 value 属性的值分别为 10、20、30：

<ol>
  <li value="10">Item 1</li>
  <li value="20">Item 2</li>
  <li value="30">Item 3</li>
</ol>

注意事项

• value 属性只在有序列表（<ol>）中有效，对无序列表（<ul>）和定义列表（<dl>）无效。
• value 属性可以是负数，但是在视觉上可能不太友好。
• 如果使用了 value 属性，那么列表项的数值就不再由浏览器自动设置，而是完全由开发者控制，应该注意数值的正确性与合理性。

以上就是 HTML | DOM li value 属性的介绍，您可以根据自己的需要来设置列表项的数值，希望对您有所帮助！