在HTML中，我們通常使用無序列表（<ul>）或有序列表（<ol>）來呈現一些項目或內容。而這些列表的樣式通常也需要我們使用CSS來進行定制，這篇文章將介紹如何使用JavaScript設置列表樣式并應用CSS。

//獲取所有無序列表
let uls = document.getElementsByTagName("ul");
//遍歷所有無序列表
for(let i=0; i
如上述代碼所示，我們可以通過JavaScript來獲取所有的無序列表和有序列表，然后使用style.listStyle屬性設置它們的樣式。在上述示例中，我們將其設置為"none"，即去掉了原本的樣式。接下來，我們就可以根據自己的需要，使用CSS來為這些列表添加自定義樣式了。
例如，我們可以使用如下的CSS代碼為列表添加自定義樣式：
ul, ol {
padding-left: 20px; /*設置列表項的左間距*/
}
li {
margin-bottom: 10px; /*設置列表項的下間距*/
line-height: 1.5; /*設置列表項的行高*/
font-size: 14px; /*設置列表項的字體大小*/
color: #333; /*設置列表項的顏色*/
}
通過以上CSS代碼，我們可以為列表項設置左間距，下間距以及字體樣式和顏色等，并根據需要進行調整。
總之，通過JavaScript設置列表樣式并應用CSS，我們可以方便地為我們的網站添加定制化的列表風格。通過不同的樣式設置，我們可以輕松地呈現出各種不同的列表效果，為用戶帶來更好的交互體驗。