JavaScript를 사용하여 HTML 버튼을 동적으로 비활성화 및 활성화하는 방법은 무엇입니까?

JavaScript를 사용하여 동적으로 HTML 버튼 비활성화

HTML 버튼을 비활성화하려면 버튼에 "disable"을 직접 추가하면 되는 것처럼 보일 수도 있습니다. 태그는 아래와 같습니다.

<code class="html"><input type="button" name=myButton value="disable" disabled></code>

완전히 정확하지는 않습니다. 실제로 "disabled"는 JavaScript를 사용하여 동적으로 추가하거나 제거할 수 있는 속성입니다.

JavaScript로 "disabled" 속성 추가

이전에 활성화한 속성을 비활성화하려면 JavaScript를 사용하여 버튼의 비활성화 속성을 true로 설정할 수 있습니다.

<code class="javascript">document.getElementById("myButton").disabled = true;</code>

이렇게 하면 버튼을 클릭할 수 없게 되고 더 이상의 상호 작용이 방지됩니다.

"비활성화" 속성 제거

또는 비활성화된 버튼을 활성화하려면 비활성화된 속성을 false로 설정할 수 있습니다.

<code class="javascript">document.getElementById("myButton").disabled = false;</code>

브라우저 호환성

중요합니다 비활성화된 속성은 최신 브라우저에서 널리 지원되지만 이전 버전의 Internet Explorer에서는 호환성 문제가 있을 수 있습니다. 따라서 브라우저 간 호환성을 극대화하려면 비활성화된 속성을 사용하는 것이 좋습니다.

위 내용은 JavaScript를 사용하여 HTML 버튼을 동적으로 비활성화 및 활성화하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!