42 lines
1.2 KiB
HTML
42 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Ordered List</title>
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css" rel="stylesheet" />
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<div class="container py-5">
|
|
<h1>Ordered List</h1>
|
|
|
|
<ol type="I" class="list">
|
|
<li class="list-item">Eintrag 01</li>
|
|
<li class="list-item">Eintrag 02</li>
|
|
<li class="list-item">
|
|
Eintrag 03
|
|
<ol type="a" start="3" class="sublist">
|
|
<li>Unterpunkt 01</li>
|
|
<li>Unterpunkt 02</li>
|
|
<li value="10">Unterpunkt 03</li>
|
|
<li>Unterpunkt 04</li>
|
|
</ol>
|
|
</li>
|
|
<li class="list-item">Eintrag 04</li>
|
|
<li class="list-item">Eintrag 05</li>
|
|
<li class="list-item">Eintrag 06</li>
|
|
</ol>
|
|
</div>
|
|
</main>
|
|
<script>
|
|
'use strict';
|
|
|
|
console.log(document.querySelector('ol ol').start);
|
|
console.log(typeof document.querySelector('ol ol').start);
|
|
|
|
console.log(typeof document.querySelector('ol ol li:nth-child(3)').value);
|
|
</script>
|
|
</body>
|
|
</html>
|