getElementById( )
getElementById 메소드는 HTML에서 인자 값으로 받은 문자열과 일치하는 id 속성을 찾아서 요소 객체를 반환한다.
반환된 요소 객체(input 태그) 에서 사용자가 입력한 값을 추출하려면 getElementById( )를 이용해 가져온 태그의 객체에서 점 표현식으로 value 프로퍼티 키의 값을 가져오면 된다.
text 값을 Javascript의 변수로 할당
<!DOCTYPE html>
<html>
<head>
<script src="./getData.js"></script>
</head>
<body>
<input type="text" Id="data1">
<input type="button" value="Send" onclick="getValueInText();">
</body>
</html>
//getData.js
function getValueInText(){
let inputData = document.getElementById("data1").value;
alert(inputData);
}
위의 코드에서 버튼에서 onclick에 대한 값으로 함수를 만들어주고
그 함수에서 텍스트 박스의 태그 객체를 가져온다음 그 객체의 value 값을 가져오게 되는 방식이다.
'JavaScript > JavaScript_지식_정리' 카테고리의 다른 글
| Javascript의 자료형 중 하나인 '객체(Object)' (0) | 2021.08.01 |
|---|---|
| Javascript에서 랜덤한 값 생성(난수 생성) (0) | 2021.07.31 |
| HTML에서 Javascript 불러오기 (0) | 2021.07.28 |
| 함수의 인자값으로 들어가는 함수인 콜백 함수(CallBack Function) (0) | 2021.07.25 |
