La propiedad de tipo DOM Ol se utiliza para establecer o devolver el atributo de tipo en una lista ordenada. Este atributo define qué tipo (1, A, a, I e i) de orden desea en su lista de números numéricos, alfabéticos o romanos.
Sintaxis:
- Se utiliza para devolver la propiedad de tipo.
olObject.type
- Se utiliza para establecer la propiedad de tipo.
olObject.type = "1|a|A|i|I"
Valores de propiedad:
- 1: Este es el valor predeterminado. Define los elementos de la lista en número decimal (1, 2, 3, 4).
- a: Define los elementos de la lista en minúsculas ordenadas alfabéticamente. (a, b, c, d…)
- A: Define los elementos de la lista en letras mayúsculas ordenadas alfabéticamente. (A, B, C, D ..)
- i: Define los elementos de la lista en orden de números romanos en minúsculas. (i, ii, iii, iv, v, vi…)
- I: Define los elementos de la lista en orden de números romanos en mayúsculas. (I, II, III, IV, V, VI ..)
Valor devuelto: Devuelve un valor de string que representa el tipo de marcador utilizado en la lista ordenada.
Ejemplo-1: programa HTML que ilustra cómo establecer la propiedad de tipo .
html
<!DOCTYPE html>
<html>
<head>
<title>dom ol type Property</title>
</head>
<body>
<h1 style ="color:green;">GeeksforGeeks</h1>
<h2 style="color:green;">DOM ol type Property</h2>
<p>List of all computer Subjects are</p>
<ol id="GFG">
<li>Data Structures</li>
<li>Operating System</li>
<li>Python programming</li>
<li>DBMS</LI>
<li>Computer Network</li>
</ol>
<button onclick="myGeeks()">Submit</button>
<!-- Script to set the type of list -->
<script>
function myGeeks() {
var x = document.getElementById("GFG").type = "a";
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo-2: programa HTML que ilustra cómo devolver el tipo Propiedad.
html
<!DOCTYPE html>
<html>
<head>
<title>Dom ol type Property</title>
</head>
<body>
<h1 style ="color:green;">GeeksforGeeks</h1>
<h2 style="color:green;">DOM ol type Property</h2>
<p>List of all computer Subjects are</p>
<ol id="GFG" type="I">
<li>Data Structures</li>
<li>Operating System</li>
<li>python programming</li>
<li>DBMS</li>
<li>Computer Network</li>
</ol>
<button onclick="myGeeks()">Submit</button>
<p id="sudo" style="font-size:25px;color:green;"></p>
<!-- Script to get the type of list -->
<script>
function myGeeks() {
var x = document.getElementById("GFG").type;
document.getElementById("sudo").innerHTML =
"The type of Ordered list:" + x;
}
</script>
</body>
</html>
Producción:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con DOM ol type Property se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA