JavaScript 和 HTML DOM 参考手册
JavaScript 和 HTML DOM 参考手册
  1. JavaScript 和 HTML DOM 参考手册
  2. JavaScript对象
    1. JavaScript Array 对象
    2. JavaScript Boolean 对象
    3. JavaScript Date 对象
    4. JavaScript Math 对象
    5. JavaScript Number 对象
    6. JavaScript String 对象
    7. JavaScript RegExp 对象
    8. JavaScript 全局属性/函数
    9. JavaScript 运算符
    10. JavaScript length 属性
  3. Browser对象
    1. Window 对象
    2. Navigator 对象
    3. Screen 对象
    4. History 对象
    5. Location 对象
  4. DOM对象
    1. HTML DOM Document 对象
    2. HTML DOM 元素对象
    3. HTML DOM 属性对象
    4. HTML DOM 事件对象
  5. HTML DOM对象
    1. Anchor 对象
    2. Area 对象
    3. Audio 对象
    4. Object 对象
    5. Blockquote 对象
    6. Body 对象
    7. Button 对象
    8. Canvas 对象
    9. Column 对象
    10. Columngroup对象
    11. Datalist 对象
    12. del 对象
    13. Details 对象
    14. Dialog 对象
    15. Embed 对象
    16. Fieldset 对象
    17. Form 对象
    18. Frame 和 IFrame 对象
    19. Frameset 对象
    20. Image 对象
    21. ins 对象
    22. Button 对象
    23. Checkbox 对象
    24. Input Color 对象
    25. Input Date 对象
    26. Input Datetime 对象
    27. Input DatetimeLocal 对象
    28. Input Email 对象
    29. FileUpload 对象
    30. Hidden 对象
    31. Input Image 对象
    32. Input Month 对象
    33. Input Number 对象
    34. Input Range 对象
    35. Password 对象
    36. Radio 对象
    37. Reset 对象
    38. Input Search 对象
    39. Submit 对象
    40. Input Text 对象
    41. Input Time 对象
    42. Input URL 对象
    43. Input Week 对象
    44. Keygen 对象
    45. Link 对象
    46. Label 对象
    47. Legend 对象
    48. Li 对象
    49. Map 对象
    50. Menu 对象
    51. MenuItem 对象
    52. Meta 对象
    53. Meter 对象
    54. Ol 对象
    55. OptionGroup 对象
    56. Option 对象
    57. Parameter 对象
    58. Progress 对象
    59. 引用( <q>)对象
    60. Script 对象
    61. Select 对象
    62. Source 对象
    63. Style 对象
    64. Table 对象
    65. td / th 对象
    66. TableHeader 对象
    67. tr 对象
    68. Textarea 对象
    69. title 属性
    70. Time 对象
    71. Track 对象
    72. Video 对象
  6. HTML DOM 事件对象
    1. onmouseleave 事件
    2. onpaste 事件
    3. onpageshow 事件
    4. onpagehide 事件
    5. ondurationchange 事件
    6. onsuspend 事件
    7. onprogress 事件
    8. animationstart 事件
    9. onseeked 事件
    10. which 事件属性
    11. metaKey 事件属性
    12. onoffline 事件
    13. button 事件属性
    14. relatedTarget 事件属性
    15. onshow 事件
    16. clientX 事件属性
    17. screenX 事件属性
    18. ontoggle 事件
    19. clientY 事件属性
    20. bubbles 事件属性
    21. ctrlKey 事件属性
    22. shiftKey Event 属性
    23. cancelable 事件属性
    24. location 事件属性
    25. currentTarget 事件属性
    26. key 事件属性
    27. timeStamp 事件属性
  7. HTML DOM Body 对象
    1. HTML DOM Body aLink 属性
    2. HTML DOM Body bgColor 属性
    3. HTML DOM Body link 属性
    4. HTML DOM Body text 属性
    5. HTML DOM Body vLink 属性
  8. HTML DOM del 对象
    1. HTML DOM del dateTime 属性
    2. HTML DOM del cite 属性
  9. HTML DOM Fieldset 对象
    1. HTML DOM Fieldset disabled 属性
    2. HTML DOM Fieldset form 属性
    3. HTML DOM Fieldset name 属性
  10. HTML DOM Dialog 对象
    1. HTML DOM Dialog open 属性
    2. HTML DOM Dialog close() 方法
    3. HTML DOM Dialog show() 方法
  11. HTML DOM Frame 和 IFrame 对象
    1. HTML DOM Frame/IFrame contentDocument 属性
    2. HTML DOM Frame/IFrame frameBorder 属性
    3. HTML DOM IFrame height 属性
    4. HTML DOM Frame/IFrame longDesc 属性
    5. HTML DOM Frame/IFrame marginHeight 属性
    6. HTML DOM Frame/IFrame marginWidth 属性
    7. HTML DOM Frame/IFrame name 属性
    8. HTML DOM Frame/IFrame src 属性
    9. HTML DOM IFrame width 属性
  12. HTML DOM Submit 对象
    1. HTML DOM Submit form 属性
    2. HTML DOM Submit name 属性
    3. HTML DOM Submit type 属性
  13. HTML DOM 引用对象
    1. HTML DOM 引用对象 cite 属性
  14. HTML DOM Input Number 对象
    1. HTML DOM Input Number disabled 属性
    2. HTML DOM Input Number form 属性
    3. HTML DOM Input Number placeholder 属性
    4. HTML DOM Input Number type 属性
  15. HTML DOM Password 对象
    1. HTML DOM Password defaultValue 属性
  16. HTML DOM Link 对象
    1. HTML DOM Link hreflang 属性
  17. HTML DOM Script 对象
    1. HTML DOM Script src 属性
    2. HTML DOM Script defer 属性
    3. HTML DOM Script src 属性
  18. HTML DOM Select 对象
    1. HTML DOM Select options 集合
  19. 拓展阅读
    1. js中setinterval怎么用？怎么才能让setinterval停下来？
阅读(5.9k) 书签 赞(0) 我要纠错

HTML DOM Style listStyleType 属性

2018-08-04 20:41 更新

Style listStyleType 属性

Style 对象参考手册 Style 对象

定义和用法

listStyleType 属性设置或返回列表项标记的类型。

语法

设置 listStyleType 属性：

Object.style.listStyleType="value"

返回 listStyleType 属性：

Object.style.listStyleType

值 描述
armenian 该标记是传统的亚美尼亚编号。
circle 该标记是空心圆。
cjk-ideographic 该标记是简单的表意数字。
decimal 该标记是数字。这是 <ol> 的默认值。
decimal-leading-zero 该标记是一个带有前导零的数字（01、02、03 等）
disc 该标记是实心圆。这是 <ul> 的默认值。
georgian 该标记是传统的乔治亚编号。
hebrew 该标记是传统的希伯来编号。
hiragana 该标记是传统的平假名编号（a、i、u、e、o、ka、ki 等）。
hiragana-iroha 该标记是传统的平假名 iroha 编号（i、ro、ha、ni、ho、he、to 等）。
inherit listStyleType 属性的值从父元素继承。
katakana 该标记是传统的片假名编号（A、I、U、E、O、KA、KI 等）。
katakana-iroha 该标记是传统的片假名 iroha 编号（I、RO、HA、NI、HO、HE、TO 等）。
lower-alpha 该标记是小写英文字母（a、b、c、d、e 等）。
lower-greek 该标记是小写希腊字母（alpha、beta、gamma 等）。
lower-latin 该标记是小写拉丁字母（a、b、c、d、e 等）。
lower-roman 该字母是小写罗马数字（i、ii、iii、iv、v 等）。
none 没有显示任何标记。
square 该标记是实心方块。
upper-alpha 该标记是大写英文字母（A、B、C、D、E 等）。
upper-latin 该标记是大写拉丁字母（A、B、C、D、E 等）。
upper-roman 该标记是大写罗马数字（I、II、III、IV、V 等）。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 listStyleType 属性。

注意：IE9 和 Opera 11 不支持的属性值：cjk-ideographic、hebrew、hiragana、hiragana-iroha、katakana 和 katakana-iroha。

注意：IE8 如果指定 !DOCTYPE，只支持属性值：decimal-leading-zero、lower-greek、lower-latin、upper-latin、armenian、georgian 和 inherit。

实例

实例

更改列表项标记的类型：

<html>
<head>
<script>
function displayResult()
{
document.getElementById("ul1").style.listStyleType="square";
}
</script>
</head>
<body>

<ul id="ul1">
<li>Coffee</li>
<li>Tea</li>
<li>Water</li>
<li>Soda</li>
</ul>
<br>
<button type="button" onclick="displayResult()">Change list-item marker type</button>

</body>
</html>

尝试一下 »

实例

更多实例

所有不同的列表样式类型
查看所有不同的列表样式类型。

Style 对象参考手册 Style 对象
以上内容是否对您有帮助：

推荐文章

推荐教程

推荐课程

在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号