이 게시물은 JavaScript를 사용하여 텍스트 상자에 값을 할당하는 절차를 정의합니다.
JavaScript를 사용하여 텍스트 상자에 값을 할당하는 방법은 무엇입니까?
텍스트 상자에 값을 할당하려면 다음 방법을 사용하십시오.
이러한 방법의 작동 방식을 별도로 살펴보겠습니다!
방법 1: setAttribute() 메서드를 사용하여 텍스트 상자에 값 할당
' 세트 속성() ” 메서드는 텍스트 상자에 값을 할당하는 데 사용됩니다. 특정 요소에 속성을 추가하거나 설정하여 값을 부여할 때 사용합니다. 이 메소드는 두 개의 매개변수를 인수로 사용하며 둘 다 필수입니다.
통사론
setAttribute() 메서드에 대해 아래에 언급된 구문을 따르십시오.
세트 속성 ( 속성명, 속성값 ) ;여기, ' 속성값 '는 이름이 지정된 속성의 값입니다.
예시
먼저 '기본값'으로 제목과 입력 필드를 만듭니다. 텍스트 ' 자리 표시자 값. 다음으로 클릭할 때 'myFunction()' 메서드를 호출하는 버튼을 추가합니다.
< h5 > 버튼을 클릭하시면 보실 수 있습니다 기본 텍스트 필드의 값. h5 >< 입력 유형 = '텍스트' ID = '마이텍스트' 자리 표시자 = '텍스트' >
< 버튼 클릭 = 'myFunction()' > 딸깍 하는 소리 단추 >
JS 파일에서 ' myFunction() '를 사용하여 텍스트 상자에 액세스합니다. getElementbyId() ' 방법을 선택한 다음 '를 사용하여 값을 설정합니다. 세트 속성() ' 방법:
함수 myFunction ( ) {문서. getElementById ( '마이텍스트' ) . 세트 속성 ( '값' , '리눅스 힌트' ) ;
}
버튼을 클릭하면 텍스트 상자의 값이 ' 리눅스 힌트 ':
텍스트 상자에 값을 할당하는 다음 절차를 살펴보겠습니다.
방법 2: 텍스트 값 속성을 사용하여 텍스트 상자에 값 할당
텍스트 상자에 값을 할당하는 또 다른 방법이 있습니다. 값 ' 텍스트의 속성입니다. 이 접근 방식에서는 value 속성을 사용하여 텍스트 상자에 값을 할당하기만 하면 됩니다.
통사론
텍스트 요소의 값 속성을 사용하여 텍스트 상자에 값을 할당하려면 다음 구문을 사용하십시오.
값 = '텍스트' ;예시
여기서는 이전 예제에서 이미 생성된 텍스트 상자에 값을 할당합니다. 그렇게 하려면 myFunction()의 텍스트 상자에 액세스한 다음 ' 값 ' 재산:
함수 myFunction ( ) {문서. getElementById ( '마이텍스트' ) . 값 = '리눅스 힌트' ;
}
성공적으로 출력을 볼 수 있듯이 텍스트 상자에 값을 할당합니다.
JavaScript를 사용하여 텍스트 상자에 값을 할당하는 가장 간단한 방법을 모았습니다.
결론
JavaScript를 사용하여 텍스트 상자에 값을 할당하려면 setAttribute() 메서드라고 하는 JavaScript 미리 정의된 메서드 또는 텍스트 요소의 값 속성을 사용할 수 있습니다. 이 두 가지 접근 방식 모두 텍스트 상자에 값을 할당하는 데 효율적으로 작동합니다. 당신은 당신의 요구 사항에 따라 그들 중 하나를 선택할 수 있습니다. 이 게시물에서 우리는 자세한 예제와 함께 JavaScript를 사용하여 텍스트 상자에 값을 할당하는 방법에 대해 논의했습니다.