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. 返回 disabled object.disabled 2. 修改 disabled 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 它返回并更改 HTML 文档中 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 文档中下拉列表中选中选项的索引。语法以下是语法 - 返回 selectedIndex object.selectedIndex 修改 selectedIndex object.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. 返回 autofocus object.autofocus 修改 autofocus object.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; ... 阅读更多