如何使用 JavaScript 设置列表项标记类型?


要设置列表项标记类型,请使用 listStyleType 属性。标记类型可以是正方形、圆形、圆点等。

示例

你可以尝试运行以下代码,使用 JavaScript 设置列表项标记类型 −

在线示例

<!DOCTYPE html>
<html>
   <body>
      <ul id="myID">
         <li>One</li>
         <li>Two</li>
      </ul>
      <button type="button" onclick="displaySquare()">Update list style type (square)</button>
      <button type="button" onclick="displayDecimal()">Update list style type (decimal)</button>
      <script>
         function displaySquare() {
            document.getElementById("myID").style.listStyleType = "square";
         }
         function displayDecimal() {
            document.getElementById("myID").style.listStyleType = "decimal";
         }
      </script>
   </body>
</html>

更新于: 2020 年 6 月 23 日

378 次浏览

开启你的 职业 生涯

完成课程,获得认证

开始学习
广告
© . All rights reserved.