728x90
반응형
728x90
반응형
자바스크립트 ID로 값 가져오기
- id는 고유한 값을 가지므로, 특정 요소를 정확하게 선택할 수 있습니다.
사용 예제
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script>
document.addEventListener("DOMContentLoaded", function () {
document.getElementById('getValueBtn').addEventListener('click', function() {
const inputElement = document.getElementById('myInput'); // id로 요소 선택
const value = inputElement.value; // 값 가져오기
console.log(value); // "Hello, JavaScript!" 출력
});
});
</script>
</head>
<body>
<input type="text" id="myInput" value="Hello, JavaScript!">
<button id="getValueBtn">Get Value</button>
</body>
</html>
- document.getElementById('id'): id 속성으로 요소 선택.
- .value: 입력 필드의 값을 가져오거나 설정.
관련글
728x90
반응형
'프로그래밍 > [javascript] 자바스크립트' 카테고리의 다른 글
[JavaScript] 자바스크립트 name으로 값 가져오기 (109) | 2024.12.11 |
---|---|
[JavaScript] 자바스크립트 class로 값 가져오기 (124) | 2024.12.10 |
[JavaScript] 키보드 이벤트 총정리 (keypress, keyup, keydown) (75) | 2024.12.07 |
[JavaScript] 자바스크립트 페이지 로드 이벤트 총정리 (124) | 2024.12.03 |
[JavaScript] 텍스트 복사 예제 소스 (0) | 2024.11.29 |
GenieIT*님의
글이 좋았다면 응원을 보내주세요!
이 글이 도움이 됐다면, 응원 댓글을 써보세요. 블로거에게 지급되는 응원금은 새로운 창작의 큰 힘이 됩니다.
응원 댓글은 만 14세 이상 카카오계정 이용자라면 누구나 편하게 작성, 결제할 수 있습니다.
글 본문, 댓글 목록 등을 통해 응원한 팬과 응원 댓글, 응원금을 강조해 보여줍니다.
응원금은 앱에서는 인앱결제, 웹에서는 카카오페이 및 신용카드로 결제할 수 있습니다.