일반 JavaScript를 사용 하여이 HTML 요소에 대한 참조를 만드는 가장 효과적인 방법은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/1714088

문제

다음 HTML이 있다면 :

<div id="container">
  <iframe></iframe>
</div>

가장 효과적인 방법 (주로 성능 측면에서)은u003Ciframe> 돔 요소? 다음과 같은 것을 사용하고 있습니다.

var element = document.getElementById('container').getElementsByTagName('iframe')[0];

그러나 IIRC는 getElementsByTagName은 느린 성과가 될 수 있습니다. 내에 하나의 요소 만 있기 때문에 문제가되지 않습니다.u003Cdiv id="container"> 그래도?

더 간결하고/또는 더 잘 수행하는 방법이 있습니까?u003Ciframe> 여기? 항상 유일한 자녀가 될 것이라고 말하는 것이 안전합니다.u003Cdiv id="container"> 그러나 항상 유일한 것은 아닙니다u003Ciframe> 페이지에.

도움이 되었습니까?

해결책

Iframe에 ID를 넣고 참조하십시오. gEBI. 대기 시간을 눈치 채지 못하는 경우 gEBTN 그런 다음 코드를 동일하게 유지하는 것이 좋습니다. gEBTN 도움이됩니다.

다른 팁

이 경우 성능을 알지 못합니다. 그러나 당신이 할 것이라면 document.getElementsByTagName 당신은 아마도 돔 트리 전체를 걷어야하기 때문에 아마 그것을 알 것입니다.

그것은 항상 성능에 관한 것이 아니라는 것을 기억하십시오. Perl-One-Liner 그것은 2 주 후에 다시 방문 할 때 당신을 포함하여 당신을 포함한 모든 사람에게 지iberish처럼 보일 것입니다.

당신이 추가 할 수 있다면 id 에 귀속 iframe Meder가 말한 것처럼 물론 최상의 솔루션이 될 요소.

흠 코드가 괜찮은 것 같습니다. 그런 간단한 JavaScript 코드의 성능을 잊을 수 있다고 생각합니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top