JavaScript 参考手册
Style listStyleType 属性
所有不同的列表样式类型 - 查看所有不同的列表样式类型。
源代码:
点击运行 »
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>蜜蜂教程(mifengjc.com)</title> <script> function displayResult(selectTag) { var listValue = selectTag.options[selectTag.selectedIndex].text; document.getElementById("ol1").style.listStyleType = listValue; } </script> </head> <body> <ol id="ol1"> <li>Coffee</li> <li>Tea</li> <li>Water</li> <li>Soda</li> </ol> <br> <select onchange="displayResult(this);" size="22"> <option>armenian</option> <option>circle</option> <option>cjk-ideographic</option> <option>decimal</option> <option>decimal-leading-zero</option> <option>disc</option> <option>georgian</option> <option>hebrew</option> <option>hiragana</option> <option>hiragana-iroha</option> <option>inherit</option> <option>katakana</option> <option>katakana-iroha</option> <option>lower-alpha</option> <option>lower-greek</option> <option>lower-latin</option> <option>lower-roman</option> <option>none</option> <option>square</option> <option>upper-alpha</option> <option>upper-latin</option> <option>upper-roman</option> </select> </body> </html>
运行结果:
点击运行 »
