ol标签

ol元素:用于页面中有序列表的创建。新增两个属性:start,用于定义列表项开始的编号;reversed,用于设置列表是否进行反向排序

<!doctype html>
<html>
<head>
<meta content="text/html;charset=utf-8"/>
<title>  列表的使用</title>
<style type="text/css">

</style>
<script type="text/javascript">
  function Btn_Click(){
    var strNum=document.getElementById("txtOrderNum").value;
    var strDiv=document.getElementById("olList");
    strDiv.setAttribute("start",strNum);
  }
</script>
</head>
<body>
<h5>各类图书销量排名</5>
<ol id="olList">
  <li>计算机</li>
  <li>社科</li>
  <li>文艺</li>
</ol>
<h5>设置开始值</h5>
<input type="text" id="txtOrderNum" class="inputtxt" style="width:60px"/>
<input type="button" value="确定" class="inputbtn" onClick="Btn_Click();"/>
<body>
</html>

猜你喜欢

转载自blog.csdn.net/qq_18062811/article/details/81478508
今日推荐