CodeStates / 2020.09.07. Office Hour

script 소스 위치

1. 'script' 소스가 head에 삽입되는 경우

• 문서를 초기화하거나 설정하는 가벼운 스크립트들이 자주 사용된다.
• 브라우저 렌더링에 방해가 되어 무거운 스크립트가 실행되는 경우 오랫동안 완성되지 못한 화면을 노출하게 된다.
• 문서의 DOM(Document Object Model) 구조가 필요한 스크립트의 경우 document.onload와 같은 로드 이벤트가 추가되어야 에러없이 작동된다.

2. 'script' 소스가 /body 앞에 삽입되는 경우

• 브라우저가 렌더링이 완료된 상태에서 스크립트가 실행되기에 콘텐츠를 변경하는 스크립트의 경우 화면에 노출된 채로 변화된다.
• 대부분의 스크립트 위치로 추천되는 위치이다.
• 문서의 DOM구조가 완료된 시점에 실행되기에 별다른 추가설정이 필요없다.
  
  
  
  
  
  

버튼의 Element를 가져오고 싶으신가요?

Elements를 가져오려면

• event.target.textContent라는 Method를 사용하면 된다.
• 하지만 어떤 곳에서 불러들일지는 코드를 작성하면서 눈으로 확인해야 한다.

DOM에 접근?

• 새로운 Element를 만들고, 부모요소를 검색하고, 자식요소로 붙인다는 말