在HTML中,使用<li>
標簽定義的列表項目默認會有一個小圓點,如果我們不使用CSS,那么可以通過以下方法來去掉這個默認點:
1、使用HTML的type
屬性:
- 對于有序列表(<ol>
),將type
屬性設(shè)置為"1"
可以隱藏圓點,并顯示數(shù)字。
- 對于無序列表(<ul>
),將type
屬性設(shè)置為"disc"
可以隱藏圓點,并顯示小圓圈。
```html
<ol type="1">
<li>項目1</li>
<li>項目2</li>
</ol>
<ul type="disc">
<li>項目1</li>
<li>項目2</li>
</ul>
```
2、使用list-style
屬性:
- 在<ul>
或<ol>
標簽上設(shè)置list-style
屬性為"none"
可以隱藏圓點。
```html
<ul style="list-style: none;">
<li>項目1</li>
<li>項目2</li>
</ul>
<ol style="list-style: none;">
<li>項目1</li>
<li>項目2</li>
</ol>
```
3、使用JavaScript:
- 通過JavaScript,我們可以動態(tài)地移除列表項前的圓點。
```javascript
var listItems = document.getElementsByTagName('li');
for (var i = 0; i < listItems.length; i++) {
listItems[i].style.listStyleType = 'none';
}
```
方法可以幫助你在不使用CSS的情況下,通過HTML和JavaScript來去掉列表項前的默認圓點,希望這些方法對你有所幫助!