일반적인 html 안의 script 요소의 경우
돔 파싱 이전에는 요소 접근이 안 되어서
body의 beforeend 부분에 넣어두던가
defer 속성을 명시하잖아요

(수정) 질문 답변 게시판 체크 중, 제가 전에 달아둔 답변이 조금 모호할 수 있는 부분이 있어 다시 정확히 설명 드릴게요! &lt;svg&gt; 요소 자체에는 말씀대로 그냥 접근이 가능하고, &lt;svg&gt; 내부에 있는 요소들(&lt;circle&gt;같은 것들)은 일반 DOM 요소들처럼 DOMContentLoaded 등으로 이벤트 발생을 기다리든지, 아니면 아래부분에 작성해주시면 됩니다. &lt;svg&gt; &nbsp; &nbsp; &lt;circle&gt;&lt;/circle&gt; &nbsp; &nbsp; &lt;circle&gt;&lt;/circle&gt; &nbsp; &nbsp; &lt;script&gt;&lt;/script&gt; &lt;svg&gt; 이런 순서로요!

인프런 커뮤니티 질문&답변

svg안의 script 요소는 자동으로 defer 적용이 되는건가요