parentNode에 접근하기 (feat. while을 for 처럼쓰기)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div id="div1">
div1
<div id="div2">
div2
<div id="div3">
div3
<div id="div4">
div4
</div>
</div>
</div>
</div>
</body>
</html>
document
내에 id
값이 유일할경우 + 전역 메소드나 변수가 없을경우 id를 변수처럼 접근할 수 있으나 그러지말자.
var n = 1,div = div4;
while(n-- && div){ div = div.parentNode}
결과값
<div id="div3">
div3
<div id="div4" class="apple">
div4
</div>
</div>