Thuộc tính HTML DOM Style listStyletype được sử dụng để thiết lập hoặc trả về loại điểm đánh dấu mục danh sách.
Sau đây là cú pháp cho -
Đặt thuộc tính listStyleType -
object.style.listStyleType = value
Một số giá trị thuộc tính listStyleType là -
| Giá trị | Mô tả |
|---|---|
| armenia | Đặt điểm đánh dấu thành các số Armenia truyền thống. |
| vòng tròn | Điểm đánh dấu hình tròn. |
| cjk-ideographic | Giải quyết các số lý tưởng làm điểm đánh dấu. |
| thập phân | Đánh số điểm đánh dấu và là giá trị mặc định .. |
| thập phân-đứng đầu-số 0 | Thêm 0 vào trước các số được đặt làm điểm đánh dấu. |
| đĩa | Defaultfor
|
| hiragana | Đánh số chữ hiragana theo truyền thống làm điểm đánh dấu. |
| katakana | Đặt cách đánh số Katakana truyền thống làm điểm đánh dấu. |
| low-alpha | Đặt điểm đánh dấu là bảng chữ cái thường. |
| low-greek | Đặt các ký tự chữ Hy Lạp thường làm điểm đánh dấu. |
| không có | Không hiển thị điểm đánh dấu. |
| hình vuông | Hiển thị công cụ đánh dấu dưới dạng hình vuông. |
| upper-alpha | Các chữ cái được đặt làm điểm đánh dấu. |
| tên ban đầu | Đang xác nhận thuộc tính này về giá trị ban đầu. |
| kế thừa | Kế thừa giá trị thuộc tính mẹ |
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính listStyleType -
Ví dụ
<!DOCTYPE html>
<html>
<head>
<script>
function changeListType() {
document.getElementById("LIST1").style.listStyleType = "upper-roman";
document.getElementById("Sample").innerHTML=" The list style type is now set to uppercase roman numeral";
}
</script>
</head>
<body>
<ul id="LIST1">
<li>LIST ITEM1</li>
<li>LIST ITEM2</li>
<li>LIST ITEM3</li>
<li>LIST ITEM4</li>
</ul>
<p>Change the above list style type by clicking the below button</p>
<button type="button" onclick="changeListType()">Change List Type</button>
<p id="Sample"></p>
</body>
</html> Đầu ra
Khi nhấp vào “ Thay đổi kiểu danh sách” nút -
