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>
createPointTransactionOfLoading 에러
0
35
1
11강 23:35부터 막혀서 질문 드려요.
0
97
2
API 주소
0
104
1
하이브리드앱 과제 레퍼런스 코드
0
130
2
조건문, 반복문 너무 어려움
0
115
1
고농축 백엔드와 완벽한 프론트 강의 차이?
0
132
2
flex를 grid 처럼 만들기 질문드립니다.
0
111
2
유저 포인트 관련해서 질문 드립니다
0
84
1
npx create-react-app
0
100
1
fetchTravelproductsIPicked 관련 질문 드립니다
0
92
2
강의에서 사용하는 api 접속 불가
0
118
2
강의 커리큘럼에 대해 질문이 있습니다.
0
111
2
윈도우 -> 맥 파일 옮기기 / 실행
0
137
1
fetchUser 요청시 userPoint.amount
0
75
2
npm 배포 후 import 시 오류사항
0
96
2
koreanjson 관련 사이트가 접속이 안되요
0
77
2
17강 질문
0
91
2
tailwinde-css
0
78
2
04-02 Next 페이지 이동
0
86
2
[CSS&JS 마스터]공부하는 속도, 코드 리뷰
0
90
2
GRAPHQL 활용 과제
0
91
2
노란색 경고줄
0
61
1
181. [02-04] setState의 원리 질문
0
69
2
graphql 관련 질문입니다
0
74
2