자식 요소에서 상위 DOM 개체에 액세스 할 수있는 방법이 있습니까?

Question

나는 다음과 같은

혼자 내부 DIV를 사용하여 외부 사업부의 배경 색상을 설정할

<div> 
    <div> 
    </div> 
</div> 

같은 간단한 DOM 코드가 있습니다. 가능한가? 그 질문은 약간 미친 듯하다. 그러나 나는 그것을 묻는 뒤에 강한 이유가있다. 동적으로 생성 된 html 코드가있는 프레임 워크에서 작업 중이며이를 제어 할 수 없습니다. 하지만 내부 요소를 넣을 수 있습니다. 위의 예에서 바깥 쪽 div는 생성 된 코드에서 나 왔으며 배경색을 변경하려고합니다. 직접 수행 할 수 없습니다. 그래서 나는 자식 div를 통해 그것을하고 싶다.

같은 것이 childDiv.parent.background-color = blue입니다.

가능합니까? 또는 유사한 구현은 엄청난 도움이 될 것입니다!

Answer 1

<div> 
    <div> 

    </div> 
</div> 

childDiv.parentNode.style.backgroundColor = "blue";

Answer 2

this article에는 DOM 트리를 서핑하는 방법이 설명되어 있습니다.

아마도 parentNode 속성에 관심이 있습니다.

Answer 3

상대적 DOM 조작은 훌륭한 자료이며 학습 가치가 있습니다.

JavaScript 프레임 워크를 사용하면이 작업이 매우 쉽습니다. 가서 두 가지 수준

$(this).down() 
$(this).next() 
$(this).previous 

또는하기 -

$(this).up(2) :

당신은 다음과 같은 일을 할 수

<div> 
<a href="javascript://" onclick="$(this).up().style.backgroundColor='blue'">Make it blue</a> 
</div> 

(jQuery이 유사한 행동) : 예를 들어 (Prototype 사용)

$(this).up('.someclass') -이 클래스는 "someClass"클래스의 첫 번째 요소를 찾을 때까지 트리를 따라갑니다.