동적 DOM 요소에 액세스 할 수 없습니까?

Question

디버그 관리자를 사용하여 ID가 ​​Foo 인 DOM 요소를 볼 수 있습니다.

이 DOM 요소는 내가 액세스 할 수없는 스크립트에 의해 동적으로 삽입됩니다.

보기 -> 소스를 볼 때 볼 수 없습니다.

내가

document.getElementById('Foo')를 사용하여 요소에 액세스하려고 할 때, 그것은 널 주전을 반환 그것을 찾을 수 없습니다.

디버그 콘솔에서도이를 확인했습니다.

동적으로 삽입되는 요소를 가져올 수 있습니까?

나는 bc.c. 노드를 제거하고 싶습니다.

Answer 1

예, 당신은 할 수 있습니다

function addElement() { 
    var foo = document.createElement('p'); 
    foo.id = "bar"; 
    document.body.appendChild(foo); 
} 
function getElement() { 
    alert(document.getElementById('bar')); 
}  

addElement(); 
getElement(); 

도 a live demo of this 참조하십시오.

세부 정보를 제공하지 않아서 예제가 작동하지 않는 이유는 무엇입니까?

여러분이보고있는 요소가 iframe에 삽입 된 다른 문서에있는 것 같습니다.이 경우 getElementById을 호출하기 전에 access the document in the iframe을 사용해야합니다. 물론 이것은 the same origin policy의 적용을받습니다.