Phương thức HTML DOM Input Range stepDown ()

Phương thức stepDown () của HTML DOM Input Range được sử dụng để giảm giá trị điều khiển thanh trượt theo một số cụ thể. Nếu để trống thì nó sẽ giảm đi 1. Nếu thuộc tính step được chỉ định thì phương thức stepdown () sẽ giảm bội số. Ví dụ:If step =”20” thì stepDown (2) sẽ giảm 20 * 2 =40

Cú pháp

Sau đây là cú pháp cho phương thức Range stepDown () -

rangeObject.stepDown(number)

Ở đây, số là một tham số bắt buộc để chỉ định giá trị giảm dần của điều khiển thanh trượt. Nếu để trống, nó sẽ giảm đi 1.

Ví dụ

Chúng ta hãy xem một ví dụ cho phương thức 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>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Phương thức HTML DOM Input Range stepDown ()

Khi nhấp vào nút QUYẾT ĐỊNH -

Phương thức HTML DOM Input Range stepDown ()

Trong ví dụ trên -

Chúng tôi đã tạo một trường đầu vào chứa bên trong một biểu mẫu có type =“range, id =“ RANGE1 ”, name =“ VOL ”-

<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
<form>

Sau đó, chúng tôi đã tạo một nút DECREMENT sẽ thực thi phương thức stepDecrement () khi người dùng nhấp vào -

<button type="button" onclick="stepDecrement()">DECREMENT</button>

Phương thức stepDecrement () sử dụng phương thức getElementById () để lấy trường đầu vào với phạm vi kiểu bằng cách chuyển id “RANGE1” cho nó và gọi phương thức stepDown () trên đó với 10 được cung cấp dưới dạng giá trị giảm. Điều này sẽ giảm thanh trượt đi 10 -

function stepDecrement() {
   document.getElementById("RANGE1").stepDown(10);
}