JavaScript에서 텍스트 입력 필드의 값을 어떻게 얻을 수 있습니까?

JavaScript에서 텍스트 입력 필드 값을 얻는 방법

HTML 양식을 사용하지 않고 텍스트 필드에서 입력 값을 얻으려면 몇 가지 방법이 있습니다. JavaScript로 사용할 수 있습니다.

방법 1 (getElementById)

document.getElementById('searchTxt').value;

방법 2(getElementsByClassName)

document.getElementsByClassName('searchField')[0].value;

방법 3 (getElementsByTagName)

document.getElementsByTagName('input')[0].value;

방법 4 (getElementsByName)

document.getElementsByName('searchTxt')[0].value;

방법 5/6 (querySelector/querySelectorAll)

// Use unique identifier, class, tag, or attribute selection
document.querySelector('input[type="text"]').value;

참고: 메소드 2, 3, 4 및 6은 요소 컬렉션을 반환합니다. 특정 요소에 액세스하려면 숫자 인덱스를 사용하세요.

브라우저 지원

다음 표에는 이러한 메서드에 대한 브라우저 지원이 요약되어 있습니다.

Browser	Method 1	Method 2	Method 3	Method 4	Method 5/6
IE6	Buggy	No	Yes	Buggy	No
IE7	Buggy	No	Yes	Buggy	No
IE8	Yes	No	Yes	Buggy	Yes
IE9	Yes	Yes	Yes	Buggy	Yes
IE10	Yes	Yes	Yes	Yes	Yes
FF 3.0	Yes	Yes	Yes	Yes	No
FF 3.5/3.6	Yes	Yes	Yes	Yes	Yes
FF 4b1	Yes	Yes	Yes	Yes	Yes
GC4/GC5	Yes	Yes	Yes	Yes	Yes
Safari 4/5	Yes	Yes	Yes	Yes	Yes
Opera 10.10/	No	No	No	No	No
Opera 10.53/	Yes	Yes	Yes	Buggy	Yes
Opera 10.60	No	No	No	No	No
Opera 12	Yes	Yes	Yes	Yes	Yes

위 내용은 JavaScript에서 텍스트 입력 필드의 값을 어떻게 얻을 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!