HTML DOM ol compact属性用于设置或返回<ol>标记中的compact属性的值。 compact属性用于通过减少列表项和列表缩进之间的间距来定义应小于普通列表的列表。它是一个布尔属性。
用法:
- 它返回ol compact属性。
olObject.compact
- 用于设置ol compact属性。
olObject.compact = "True/false";
属性值:
- true:它定义了compact属性的设置。
- false:它定义未设置compact属性。
返回值:它返回一个表示将compact属性设置为true或false的字符串值。
例:
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM ol compact Property</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2> HTML DOM ol compact Property </h2>
<ol id="Geeks" type="1" compact>
<!-- Assigning id to 'li tag' -->
<li id="GFG">Geeks</li>
<li>Sudo</li>
<li>Gfg</li>
<li>Gate</li>
<li>Placement</li>
</ol>
<button onclick="myGeeks()">Submit</button>
<p id="sudo"></p>
<script>
function myGeeks() {
// Accessing 'ul' tag.
var g = document.getElementById(
"Geeks").compact;
document.getElementById(
"sudo").innerHTML = g;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
范例2:
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM ol compact Property</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2> HTML DOM ol compact Property </h2>
<ol id="Geeks" type="1" compact>
<!-- Assigning id to 'li tag' -->
<li id="GFG">Geeks</li>
<li>Sudo</li>
<li>Gfg</li>
<li>Gate</li>
<li>Placement</li>
</ol>
<button onclick="myGeeks()">Submit</button>
<p id="sudo"></p>
<script>
function myGeeks() {
// Accessing 'ul' tag.
var g = document.getElementById(
"Geeks").compact = "false";
document.getElementById(
"sudo").innerHTML = g;
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
相关用法
- HTML ul compact用法及代码示例
- HTML <ol> compact属性用法及代码示例
- HTML <dir> compact属性用法及代码示例
- HTML <ul> compact属性用法及代码示例
- PHP compact()用法及代码示例
- underscore.js _.compact()用法及代码示例
- HTML DOM id用法及代码示例
- HTML DOM dir用法及代码示例
- HTML DOM name用法及代码示例
- HTML li value用法及代码示例
- HTML Bdo dir用法及代码示例
- HTML DOM URL用法及代码示例
- HTML DOM value用法及代码示例
- HTML Map name用法及代码示例
- HTML DOM specified用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | DOM ol compact Property。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。