如何通过 JavaScript 设置列表项标记的位置?


要想设置列表项标记的位置,请使用 listStylePosition 属性。你可以尝试运行以下代码,使用 JavaScript 设置列表项标记位置 -

示例

演示

<!DOCTYPE html>
<html>
   <body>
      <ol id="myID">
         <li>One</li>
         <li>Two</li>
      </ol>
      <button type="button" onclick="displayInside()">Add list inside</button>
      <button type="button" onclick="displayOutside()">Add list outside</button>
      <script>
         function displayInside() {
            document.getElementById("myID").style.listStylePosition = "inside";
         }
         function displayOutside() {
            document.getElementById("myID").style.listStylePosition = "outside";
         }
      </script>
   </body>
</html>

更新于: 2020 年 6 月 23 日

132 次浏览

开启你的 职业生涯

完成课程获得认证

开始
广告