[js] wirte함수 & innerHTML

Question

안녕하세요 자바스크립트 입문자입니다.1~100 중 3의 배수들을 찾으려는 코드를 짜봤습니다. 단순 호기심으로 write함수 와 innerHTML 을 각각 사용해봤는데요. write함수를 이용했을 때 나타나는 결과값이 올바른 답인데 innerHTML을 사용했을 때는 왜 다르게 출력이 될까요??

3의 배수 찾기

RWB · Accepted Answer

document.write()는 document의 가장 마지막 커서에 파라미터로 전달한 객체를 이어씁니다. 반대로 innerHTML은 선택한 객체의 HTML을 할당한 객체로 덮어씁니다. 반복문으로 1, 2, 3, 4 .... 를 써도 document는 마지막에서 이어쓰기 때문에 쭉 작성하지만, innerHTML은 덮어쓰므로 가장 마지막에 입력된 숫자만 적혀있습니다. 만약 innerHTML을 이어쓰기 방식으로 쓰고싶다면 아래와 같이 사용해야합니다. document.getElementById(&#34;test&#34;).innerHTML &#61; document.getElementById(&#34;test&#34;).innerHTML &#43; &#34;내용&#34;

원처리 · Answer

좋은 답변 감사합니다. 덮어쓴다는 게 무슨 의미인지 알 수 있을까요? ㅠㅠ

CodeBlock · Answer

innerHTML은 해당 태그에 있는 값을 모두 지우고 새로운 값을 넣습니다.

[js] wirte함수 & innerHTML

3개의 답변

#javascrip 목록