html运行实例（jsck_style_liststyleposition

代码示例：（标识：jsck_style_liststyleposition_1）

<!DOCTYPE html>
<html>
<head>
<style>
li {
  background-color: lightblue;
}
</style>
</head>
<body>

<p>点击“试一试”按钮可改变列表的位置：</p>

<button onclick="myFunction()">试一试</button>

<ul id="myUL">
  <li>Emil</li>
  <li>Tobias</li>
  <li>Linus</li>
</ul>

<script>
function myFunction() {
  document.getElementById("myUL").style.listStylePosition = "inside";
}
</script>

</body>
</html>