如何使用 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>

更新日期:23-6-2020

132 次浏览

开启您的事业

完成课程获得认证

开始
广告