HTMLLIElement

该HTMLLIElement接口公开了特定的属性和方法(超出了常规HTMLElement接口所定义的接口，它通过继承可用于操作列表元素。

  <div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="https://developer.mozilla.org/zh-CN/docs/Web/API/EventTarget" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25  121,20  121,30  111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/zh-CN/docs/Web/API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25  236,20  236,30  226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/zh-CN/docs/Web/API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25  351,20  351,30  341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text  x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25  501,20  501,30  491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="https://developer.mozilla.org/zh-CN/docs/Web/API/HTMLLIElement" target="_top"><rect x="361" y="65" width="130" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="426" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLLIElement</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

属性

从其父级HTMLElement继承属性。

HTMLLIElement.type: 是DOMString表示项目符号的类型"disc"，"square"或"circle"。由于定义列表类型的标准方法是通过CSS list-style-type属性，使用CSSOM方法通过脚本设置它。
HTMLLIElement.value: 是long指示给定<ol>中列表元素的序号位置。它反映了HTML <li>元素的value属性，并且可以小于0。如果<li>元素不是<ol>元素的子元素，则该属性没有意义。

方法

没有具体方法; 从其父级HTMLElement继承属性。

产品规格

规格	状态	评论
HTML Living Standard HTMLLIElement	Living Standard
HTML5 HTMLLIElement	Recommendation	以下属性现已过时：`type`。
Document Object Model (DOM) Level 2 HTML Specification HTMLLIElement	Obsolete	Document Object Model (DOM) Level 1 Specification没有变化。
Document Object Model (DOM) Level 1 Specification HTMLLIElement	Obsolete	初步定义。

浏览器兼容性

Update compatibility data on GitHub

	Desktop						Mobile
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`HTMLLIElement`	Chrome Full support Yes	Edge Full support Yes	Firefox Full support 1 Notes Full support 1 Notes Notes Prior to Firefox 10, Gecko incorrectly reflected negative value attributes to 0.	IE Full support Yes	Opera Full support Yes	Safari Full support Yes	WebView Android Full support Yes	Chrome Android ?	Firefox Android Full support 4 Notes Full support 4 Notes Notes Prior to Firefox 10, Gecko incorrectly reflected negative value attributes to 0.	Opera Android Full support Yes	Safari iOS Full support Yes	Samsung Internet Android ?

Legend

Full support: Full support
Compatibility unknown: Compatibility unknown
See implementation notes.: See implementation notes.

也可以看看

实现此接口的HTML元素：<li>

最后修改： Jun 18, 2019, 由 Mozilla 贡献者编辑

HTMLLIElement

属性

方法

产品规格

浏览器兼容性

Legend

也可以看看

学习 Web 开发的最佳实践