개발자입니다
[Javascript] 두 <span> 사이 <br> 사용시 cannot set property of null innertext 발생 본문
Javascript
[Javascript] 두 <span> 사이 <br> 사용시 cannot set property of null innertext 발생
끈기JK 2022. 9. 29. 11:39
<body> 내 다음과 같이 <br>을 삽입하였다.
<div id="quote">
<span></span><br>
<span></span>
</div>
그랬더니 author 항목이 나오지 않았다.
개발자 도구로 확인하니 'cannot set property of null innertext' 에러가 발생했다.
해결 순서
1. <script> 태그 위치 변경
검색했을때 대부분 <script> 태그를 </body>의 바로 위에 배치하면 해결된다고 했다.
그러나 해결되지 않았다.
2. <pre>로 감싸기
<pre> 태그로 감쌌더니 quote.js에 입력된 모양대로 나와 정렬이 예쁘지 않았다.
3. <br> 대신 <div> 입력
<br> 대신 <div> 입력 해보았으나 현상은 동일했다.
내용이 없는 객체가 있어서 문제가 생기는건가 싶다.
4. quote.js 파일 수정
author의 텍스트 자체에 엔터를 삽입하게 수정했다.
아래와 같이 수정하니 잘 작동했다.
author.innerText = "\n" + todaysQuote.author;
'Javascript' 카테고리의 다른 글
| [Javascript] 소수점 자리수 자르기 toFixed() (0) | 2022.09.29 |
|---|