html dom输入范围对象与具有类型“range”的d5fd7aea971a85678ba271703566ebfd元素相关联。我们可以使用createelement()和getelementbyid()方法分别创建和访问类型为range的输入元素。
属性以下是input范围对象的属性：
序号属性和描述
1 autocomplete设置或返回范围控件的自动完成属性值。
2 autofocus设置或返回页面加载时范围滑块控件是否自动获取焦点。
3 defaultvalue设置或返回范围滑块控件的默认值。
4 disabled设置或返回滑块控件是否已禁用。
5 form返回包含滑块控件的表单的引用。
6 list返回包含滑块控件的数据列表的引用。
7 max设置或返回滑块控件的最大属性值。
8 min设置或返回滑块控件的最小属性值。
9 name设置或返回滑块控件的名称属性值。
10 step设置或返回滑块控件的步长属性值。
11 type返回滑块控件的表单元素类型。
12 value设置或返回滑块控件的值属性值。
方法以下是密码对象的方法：
序号方法和描述
1 stepdown()按给定的数字递减滑块控件的值。
2 stepup()按给定的数字递增滑块控件的值。
示例让我们看一个input范围对象的示例：
演示
<!doctype html><html><head><script> function rangecreate() { var r = document.createelement("input"); r.setattribute("type", "range"); document.body.appendchild(r);}</script></head><body><h1>input range object</h1><p>create an input field with type range by clicking the below button</p><button onclick="rangecreate()">create</button><br><br>volume:</body></html>
输出这将产生以下输出 −
点击create按钮 −
在上面的例子中 −
我们创建了一个名为create的按钮，当用户点击时将执行rangecreate()方法 −
<button onclick="rangecreate()">create</button>
rangecreate() 方法使用文档对象的 createelement() 方法通过传递“input”作为参数来创建 元素。新创建的输入元素被分配给变量 r，并使用 setattribute() 方法创建一个具有值范围的类型属性。
记住，setattribute() 创建属性，然后在属性不存在时分配值。以前不存在。最后，在文档主体上使用appendchild()方法，我们将类型范围的输入元素附加为主体的子元素 -
function createpass() { var r = document.createelement("input"); r.setattribute("type", "range"); document.body.appendchild(r);}
以上就是html dom input range对象的详细内容。