資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法律學HTML DOM 輸入範圍 stepDown() 方法
HTML DOM Input Range stepDown()方法用於將滑塊控制值減小一個指定數字。如果留空，它將減小 1。如果指定了 step 屬性，則 stepdown() 方法將以該屬性的倍數遞減。例如：如果 step=”20”，則 stepDown(2) 將遞減 20*2=40
語法
以下是 Range stepDown() 方法的語法 -
rangeObject.stepDown(number)
此處， number 是用於指定滑塊控制減小值的一個強制引數。如果留空，它將減小 1。
範例
讓我們看一個 range stepDown() 方法的範例 -
<!DOCTYPE html>
<html>
<body>
<h1>Input range stepDown() method</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Decrement the slider control value by clicking the below button</p>
<button type="button" onclick="stepDecrement()">DECREMENT</button>
<p id="Sample"></p>
<script>
function stepDecrement() {
document.getElementById("RANGE1").stepDown(10);
}
</script>
</body>
</html>輸出
這將生成以下輸出 -
點選 DECREMENT 按鈕 -
在上述範例中 -
我們建立了一個 input 欄位，包含在一個擁有 type =“range, id =“RANGE1” ,name =“VOL” 的表單中 -
<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
然後我們建立了一個 DECREMENT 按鈕，使用者單擊時將執行 stepDecrement() 方法 -
<button type="button" onclick="stepDecrement()">DECREMENT</button>
stepDecrement() 方法使用 getElementById() 方法透過向其傳遞 id “RANGE1” 來獲取具有範圍型別的輸入欄位，並在其上呼叫 stepDown() 方法，並提供 10 作為減小值。這將使滑塊減小 10 -
function stepDecrement() {
document.getElementById("RANGE1").stepDown(10);
}
更新於： 2019 年 8 月 22 日
77 次瀏覽
廣告