HTML DOM Button 값 속성은
구문
다음은 −
의 구문입니다.값 속성 설정 -
buttonObject.value = text
여기서 text 속성값은 버튼에 부여되는 초기값입니다.
예시
버튼 값 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<button id="Button1" name="random" value="FirstButton">My Button</button>
<p>Click on the below button to change the above button value</p>
<button onclick="changeFunc()">CHANGE</button>
<p id="Sample"></p>
<script>
function changeFunc() {
document.getElementById("Button1").value = "SecondButton";
var x=document.getElementById("Button1").value;
document.getElementById("Sample").innerHTML="The button value is now "+x;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
CHANGE 클릭 시 -
먼저 id가 "button1"인 값이 "FirstButton"인 버튼을 만들었습니다.
<button id="Button1" name="random" value="FirstButton">My Button</button>
그런 다음 클릭 시 changeFunc()를 실행하는 CHANGE 버튼을 만들었습니다.
<button onclick="changeFunc()">CHANGE</button>
changeFunc() 메서드는 id "Button1"을 사용하여 첫 번째 버튼 요소를 가져오고 해당 값을 "FirstButton"에서 "SecondButton"으로 변경합니다. 그러면 새로 변경된 버튼 값이 변수 x에 할당되고 id가 "Sample"인 단락 내부에 표시됩니다.
function changeFunc() {
document.getElementById("Button1").value = "SecondButton";
var x=document.getElementById("Button1").value;
document.getElementById("Sample").innerHTML="The button value is now "+x;
}