Mozilla 한국 커뮤니티

이글루스의 감춤글 기능인데요.
따로 때어내니 작동을 하지 않네요.
에러 콘솔에선 nextSibling.style이 프로퍼티를 가지지 않는다는데
무슨의미인지 모르겠네요. 알려주세요

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko-kr">
<head>
  <meta content="text/html; charset=UTF-8"
 http-equiv="content-type" />
  <title>글</title>
  <meta content="jee" name="author" />
</head>
<body>
<a href="#"
 onclick="this.nextSibling.style.display='block'; return false;">제목</a>
<div style="display: none;">내용</div>
</body>
</html>

alert(this.nextSibling);
을 해보시면 textNode인 것을 알 수 있습니다. </a> 다음의 문자(공란?) 도 하나의 node로 인식 하기 때문에 <div>엘리먼트를 지칭하기 위해서는 this.nextSibling.nextSibling 으로 해 주어야 합니다.

감사합니다.
ㅤㄱㅔㄱ코 돔 레퍼런스을 보고 열심히 생각해봐도 모르겠던데
현석님의 대답을 듣고 머리가 트이네요.

Mozilla 한국 커뮤니티

왜 이 소스가 안 될까요?

왜 이 소스가 안 될까요?