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: 입력 필드의 값을 가져오거나 설정.
(참고글) [JavaScript] 자바스크립트 페이지 로드 이벤트 총정리
[JavaScript] 자바스크립트 페이지 로드 이벤트 총정리
목 차1. DOMContentLoaded 이벤트2. load 이벤트3. beforeunload 이벤트4. unload 이벤트5. pageshow 이벤트6. pagehide 이벤트7. error 이벤트8. abort 이벤트 1. DOMContentLoaded 이벤트 설명: HTML 문서의 구조가 모두 로드되
spirit0833.tistory.com
728x90
'프로그래밍 > [javascript] 자바스크립트' 카테고리의 다른 글
| [JavaScript] 자바스크립트 name으로 값 가져오기 (109) | 2024.12.11 |
|---|---|
| [JavaScript] 자바스크립트 class로 값 가져오기 (122) | 2024.12.10 |
| [JavaScript] 키보드 이벤트 총정리 (keypress, keyup, keydown) (75) | 2024.12.07 |
| [JavaScript] 자바스크립트 페이지 로드 이벤트 총정리 (123) | 2024.12.03 |
| [JavaScript] 텍스트 복사 예제 소스 (0) | 2024.11.29 |