DOM Ol reversed属性用于设置或返回列表项是以降序(9、8、7、6,...)还是升序(1、2、3、4 ...)。
用法:
- 它用于返回反转的属性。
olObject.reversed
- 用于设置反向属性。
olObject.reversed = true|false
属性值:
- true:它定义列表项按降序排列。
- false:它定义列表项按升序排列。默认情况下,它设置为false。
返回值:它返回一个布尔值,该值代表顺序(即列表项的降序或升序)。
示例1:说明如何设置属性的HTML程序。
<!DOCTYPE html>
<html>
<head>
<title>Dom ol reserved 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>
输出:
在单击按钮之前:
单击按钮后:
示例2:说明如何返回属性的HTML程序。
<!DOCTYPE html>
<html>
<head>
<title>Dom ol reserved 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>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:下面列出了DOM ol相反属性支持的浏览器:
- 谷歌浏览器
- Firefox
- Opera
- Safari 6.0
相关用法
- HTML reversed属性用法及代码示例
- HTML <ol> reversed属性用法及代码示例
- PHP Ds\Sequence reversed()用法及代码示例
- PHP Ds\Deque reversed()用法及代码示例
- PHP Ds\Vector reversed()用法及代码示例
- HTML li value用法及代码示例
- HTML DOM URL用法及代码示例
- HTML DOM value用法及代码示例
- HTML DOM dir用法及代码示例
- HTML DOM id用法及代码示例
- HTML DOM name用法及代码示例
- HTML Map name用法及代码示例
- HTML Bdo dir用法及代码示例
- HTML DOM specified用法及代码示例
- HTML DOM parentElement用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM Ol reversed Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。