La propiedad invertida de DOM Ol se utiliza para establecer o devolver si los elementos de la lista están en orden descendente (9, 8, 7, 6,…) o en orden ascendente (1, 2, 3, 4…).
Sintaxis:
- Se utiliza para devolver la propiedad invertida.
olObject.reversed
- Se utiliza para establecer la propiedad invertida.
olObject.reversed = true|false
Valores de propiedad:
- verdadero: Define que los elementos de la lista están en orden descendente.
- false: Define que los elementos de la lista están en orden ascendente. Por defecto se establece en falso.
Valor devuelto: Devuelve un valor booleano que representa el orden, es decir, descendente o ascendente, de los elementos de la lista.
Ejemplo-1: programa HTML que ilustra cómo establecer la propiedad.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Dom ol reversed Property</title>
</head>
<body>
<h1 style ="color:green;">
GeeksforGeeks</h1>
<h2 style="color:green;">
DOM ol reversed Property
</h2>
<p>List of all computer Subjects are</p>
<ol id="GFG" reversed>
<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 order of list -->
<script>
function myGeeks() {
var x = document.getElementById("GFG").reversed = false;
}
</script>
</body>
</html>
Salida:
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 la propiedad.
HTML
<!DOCTYPE html>
<html>
<head>
<title>Dom ol reversed Property</title>
</head>
<body>
<h1 style ="color:green;">
GeeksforGeeks
</h1>
<h2 style="color:green;">
DOM ol reversed Property
</h2>
<p>List of all computer Subjects are</p>
<ol id="GFG" reversed>
<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;text-align:center;">
</p>
<!-- Script to print the order of list -->
<script>
function myGeeks() {
var x = document.getElementById("GFG").reversed;
document.getElementById("sudo").innerHTML = x;
}
</script>
</body>
</html>
Salida:
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 Propiedad invertida se enumeran a continuación:
- Google Chrome
- Firefox
- Ópera
- Safari 6.0
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA