일반 JavaScript를 사용 하여이 HTML 요소에 대한 참조를 만드는 가장 효과적인 방법은 무엇입니까?
-
19-09-2019 - |
문제
다음 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 코드의 성능을 잊을 수 있다고 생각합니다.