如何使用JavaScript设置列表项标记的位置？

Z时代
2024-01-10
分类：综合

要设置列表项标记的位置，请使用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>