javascript - 获取iframe中的元素

Question

我想获取位于 iframe 内部的正文元素“tinymce”，如下所示。

html -> 正文 -> div#wpwrap -> div#wpcontent -> div#wp-content -> div#wrap -> form#post -> div#editorcondainer -> div#poststuff -> div#post-正文 -> div#post-body-content -> div#postdivrich -> div#editiorcontainer -> span#content_parent -> table#content_tbl.mceLayout -> tbody -> tr -> td.mceIframeContainer.mceFirst.mceLast -> iframe#content_ifr -> html -> body#tinymce.mceContentBody

为此我使用代码:

 var iframeEl = document.getElementById('content_ifr');
 alert(iframeEl);

 if ( iframeEl.contentDocument ) { // DOM

  var bdy = iframeEl.contentDocument.getElementById('tinymce');

 } else if ( iframeEl.contentWindow ) { // IE win

  var bdy = iframeEl.contentWindow.document.getElementById('tinymce');

 }

但是 iframeE1 为空 :(

我正在尝试树中的其他 id，但它停止从“span id :content_parent”返回元素，最后一个 id 返回对象是“div id :editorcontainer”

如何获取'span id :content_parent'之后的元素

Answer 1

尝试 document.getElementById('content_ifr'); 上面的代码查找 document.getElementById(undef);(因为你从未定义一个名为 的变量content_ifr).