document.getElementById("aa")
여기에서
document.getElementById("aa")말고
document.getElementById(aa) 라고 적으면 안되나요?
aa는 id설정이 끝난 변수 아닌가요?
답변 1
0
안녕하세요! HHun님!
id는 변수가 아니에요!
단지 문자열로 태그를 가리키는 녀석이랍니다!
<script>
function 실행하기() {
document.getElementById("aa").innerText = "안녕하세요"; // id가 "aa" 라는 문자열을 갖고있는 녀석 찾아서 "안녕하세요" 문자열 넣어줘!
}
</script>
<body>
<div id="aa"></div>
<button onclick="실행하기()">클릭하세요</button>
</body>
반대로, 변수는 데이터를 담는 통이에요!
let banana = 10 // banana 라는 상자에 10 담기
변수를 응용하면 아래와 같이 해볼 수 있겠어요!
<!-- 변수에 응용 -->
<script>
function 실행하기() {
let banana = "aa" // banana 라는 상자에 "aa" 담기
document.getElementById(banana).innerText = "안녕하세요"; // banana 라는 상자에 담겨있는 문자열 태그를 찾아서 "안녕하세요" 넣기
}
</script>
<!-- 결국은 아래와 동일한 결과 -->
<script>
function 실행하기() {
document.getElementById("aa").innerText = "안녕하세요";
}
</script>
자! 그러면 다시, 맨 위로 올라가서 무엇이 잘못 되었는지 확인하고 넘어가 보세요!^^
<script>
function 실행하기() {
document.getElementById(aa).innerText = "안녕하세요"; // aa 라는 상자에 아무것도 안들어있으므로 어떤 태그를 찾아야할지 모름
}
</script>
11강 23:35부터 막혀서 질문 드려요.
0
73
2
API 주소
0
84
1
하이브리드앱 과제 레퍼런스 코드
0
108
2
조건문, 반복문 너무 어려움
0
95
1
고농축 백엔드와 완벽한 프론트 강의 차이?
0
114
2
flex를 grid 처럼 만들기 질문드립니다.
0
93
2
유저 포인트 관련해서 질문 드립니다
0
70
1
npx create-react-app
0
93
1
fetchTravelproductsIPicked 관련 질문 드립니다
0
83
2
강의에서 사용하는 api 접속 불가
0
102
2
강의 커리큘럼에 대해 질문이 있습니다.
0
103
2
윈도우 -> 맥 파일 옮기기 / 실행
0
127
1
fetchUser 요청시 userPoint.amount
0
64
2
npm 배포 후 import 시 오류사항
0
90
2
koreanjson 관련 사이트가 접속이 안되요
0
68
2
17강 질문
0
85
2
tailwinde-css
0
73
2
04-02 Next 페이지 이동
0
80
2
[CSS&JS 마스터]공부하는 속도, 코드 리뷰
0
81
2
GRAPHQL 활용 과제
0
82
2
노란색 경고줄
0
53
1
181. [02-04] setState의 원리 질문
0
62
2
graphql 관련 질문입니다
0
66
2
node.js 설치방법
0
161
1