免費學習推薦:js影片教學
1、先在body裡面加上ul標籤
<!-- 无序列表 -->
2.透過js取得到id等於list的標籤
如圖的js程式碼展示的是前三個顏色不同,餘下的顏色相同的圓圈序號
function autoAddList(){ var oUl = document.getElementById('list'); // var arr = ['湖南','广西','新疆','上海'] var str = ""; for (let i = 1; i <a><span>' + i + '</span></a>' + '<br>'; }else if (i == 2) { str += '
#3.css樣式修改
/*设置列表样式*/ul{ list-style-type: none;}
list-style-type: none表示無標識,屬性也有空心圓、實心方塊、數字等
序號排的整齊需要設定span的樣式
/*设置为行内块状元素*/li span{ display:inline-block;}
#效果如下圖所示
#相關免費學習推薦: javascript(影片)
以上是js動態添加帶有圓圈序號列表方法的精講的詳細內容。更多資訊請關注PHP中文網其他相關文章!