HTML DOM Samp 对象表示 HTML 文档中的 <samp> 元素。让我们创建一个 samp 对象 -语法以下是语法 -document.createElement(“SAMP”);示例让我们看一个 samp 对象的示例 - 在线演示    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold;       padding:8px;    }    .btn{       background-color:#fff;       border:1.5px dashed #0197F6;       height:2rem;       ... 阅读更多

HTML DOM Quote 对象表示 HTML 文档中的 <q> 元素。让我们创建一个 q 对象 -语法以下是语法 -document.createElement(“Q”);属性以下是 quote 对象的属性 -属性说明cite它返回并更改 HTML 文档中 quote 元素的 cite 属性的值。示例让我们看一个 HTML DOM quote 对象的示例 - 在线演示    body{       text-align:center;       background-color:#fff;       color:#0197F6;    }    h1{       color:#23CE6B;    }    .drop-down{       width:35%;       border:2px solid #fff;       font-weight:bold; ... 阅读更多

DOM Progress 对象表示 HTML 文档中的 <progress> 元素。让我们创建 progress 对象 -语法以下是语法 -document.createElement(“PROGRESS”);属性以下是 progress 对象的属性 -属性说明max它返回并更改 HTML 文档中 progress 元素的 max 属性的值。position它返回 HTML 文档中 progress 元素的 position 属性的值。labels它返回 HTML 文档中进度条标签的列表。value它返回并更改 HTML 文档中 progress 元素的 value 属性的内容。示例让我们看一个 progress 对象的示例 - 在线演示   ... 阅读更多

HTML DOM option index 属性返回并修改 HTML 文档中 option 的索引位置。语法以下是语法 -返回索引object.index修改索引object.index = “number”示例让我们看一个 HTML option index 属性的示例 - 在线演示    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;       border:2px solid #fff; ... 阅读更多

HTML DOM option disabled 属性返回并修改 option 元素是否被禁用。语法以下是语法 -1. 返回禁用object.disabled2. 修改禁用object.disabled = true | false示例让我们看一个 HTML DOM option disabled 属性的示例 - 在线演示    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.2rem;    }    .drop-down{       width:35%;       ... 阅读更多

HTML DOM option 对象表示 HTML 文档中的 <option> 元素。现在让我们看看如何创建 option 对象 -语法以下是语法 -document.createElement(“OPTION”);属性以下是 option 对象的属性 -属性说明disabled它返回并修改 option 元素是否被禁用。defaultSelected它返回 HTML 文档中 option 元素的默认值。form它返回包含 HTML 文档中 option 元素的表单的引用。index它返回并修改 HTML 文档中 option 的索引位置。label它返回并更改 option 的 label 属性的值。selected它返回并 ... 阅读更多

HTML DOM select remove() 方法从 HTML 文档的下拉列表中删除一个新的选项。语法以下是语法 -object.remove(index)这里，index 表示要从下拉列表中删除的选项的索引。示例让我们看一个 HTML DOM select remove() 方法的示例 - 在线演示    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat;       height:100%;    }   ... 阅读更多

HTML DOM select add() 方法向 HTML 文档的下拉列表中添加一个新的选项。语法以下是语法 -object.add(option, index)示例让我们看一个 HTML DOM select add() 方法的示例 - 在线演示    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat;       height:100%;    }    p{       font-weight:700;       font-size:1.1rem;    }    .drop-down{     ... 阅读更多

HTML DOM select selectedIndex 属性返回并修改 HTML 文档中下拉列表中所选选项的索引。语法以下是语法 -返回 selectedIndexobject.selectedIndex修改 selectedIndexobject.selectedIndex = “number”示例让我们看一个 HTML DOM select selectedIndex 属性的示例 - 在线演示    html{       height:100%;    }    body{       text-align:center;       color:#fff;       background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat;       height:100%;    }    p{       font-weight:700;       ... 阅读更多

HTML DOM select autofocus 属性返回并修改页面加载时下拉列表是否应获得焦点。语法以下是语法 -1. 返回 autofocusobject.autofocus修改 autofocusobject.autofocus = true | false示例让我们看一个 HTML DOM select autofocus 属性的示例 - 在线演示 HTML DOM autofocus 属性    body{       text-align:center;       color:#fff;       background: radial-gradient( circle farthest-corner at 23.1% 64.6%, rgba(129, 125, 254, 1) 0%, rgba(111, 167, 254, 1) 90% ) no-repeat;       height:100vh;    }    p{       font-weight:700;       font-size:1.1rem;   ... 阅读更多