묻고답하기
page_full_width">
js 질문.. parentNode?..
2011.09.20 23:12
우선 아래 소스를 보시죠
<div id="body">
<div id="box">
<div id="box_box">
<a href="#">링크</a>
</div>
</div>
<div id="box2">
</div>
</div>
저 링크를 누르면
div#box2의 스타일을 수정하고 싶어서요..
parentNode를 사용하는걸 봤는데 어떤건지 잘 모르겠어서..
JS 잘 하는분 부탁드립니다.
<div id="body">
<div id="box">
<div id="box_box">
<a href="#">링크</a>
</div>
</div>
<div id="box2">
</div>
</div>
저 링크를 누르면
div#box2의 스타일을 수정하고 싶어서요..
parentNode를 사용하는걸 봤는데 어떤건지 잘 모르겠어서..
JS 잘 하는분 부탁드립니다.
이걸로 꼼수로 사용이 가능할까요??
getElementById 이걸로 하는게 아마 편할 겁니다.
parentNode 상위노드를 제어 할때 편한 것이겟죠
<
div
id
=
"body"
>
<
div
id
=
"box"
>
<
div
id
=
"box_box"
style
=
"background-color:red;width:300px;"
>
<
a
href
=
"#"
onclick
=
"javascript:test(this);"
>링크</
a
>
</
div
>
</
div
>
<
div
id
=
"box2"
>
</
div
>
</
div
>
<
script
type
=
"text/javascript"
>
<!--
function test(t)
{
//alert(t.parentNode.id);
t.parentNode.style.backgroundColor = "#ffffff";
t.parentNode.innerText = t.nodeName + " 의 parentNode 테스트 입니다.";}
//-->
</
script
>