如何在Javascript中获取身体的IFRAME内容？
如何在Javascript中获取身体的IFRAME内容？
<iframe id="id_description_iframe" class="rte-zone" height="200" frameborder="0" title="description"> <html> <head></head> <body class="frameBody"> test<br/> </body> </html></iframe>
test<br/>
动漫人物浏览 487回答 3
3回答
-
阿波罗的战车
确切的问题是如何使用纯JavaScript，而不是jQuery。但我总是使用jQuery源代码中可以找到的解决方案。它只是一行原生JavaScript。对我来说，这是最好的，容易读的，甚至AFAIK获取iframes内容的最短方法。先拿到你的iramevar iframe = document.getElementById('id_description_iframe');// orvar iframe = document.querySelector('#id_description_iframe');然后使用jQuery的解决方案var iframeDocument = iframe.contentDocument || iframe.contentWindow.document;它甚至在InternetExplorer中工作，后者在contentWindow的属性iframe对象。大多数其他浏览器使用contentDocument属性，这就是为什么我们在这个或条件下首先证明这个属性的原因。如果没有设置，请尝试contentWindow.document.在iframe中选择元素然后你通常可以用getElementById()甚至querySelectorAll()对象中选择DOM元素iframeDocument:if (!iframeDocument) { throw "iframe couldn't be found in DOM.";}var iframeContent = iframeDocument.getElementById('frameBody'); // orvar iframeContent = iframeDocument.querySelectorAll('#frameBody');调用iframe中的函数只要window元素来自iframe调用一些全局函数、变量或整个库(例如：jQuery):var iframeWindow = iframe.contentWindow;// you can even call jQuery or other frameworks/ / if it is loaded inside the iframeiframeContent = iframeWindow.jQuery('#frameBody');// oriframeContent = iframeWindow.$('#frameBody'); // or even use any other global variableiframeWindow.myVar = window.myVar; // or call a global functionvar myVar = iframeWindow.myFunction(param1 /*, ... */);注如果你观察到同源政策. -
桃花长相依
使用JQuery，尝试如下：$("#id_description_iframe").contents().find("body").html() -
胡子哥哥
它对我来说是完美的：document.getElementById('iframe_id').contentWindow.document.body.innerHTML;
随时随地看视频慕课网APP
JavaScript
Html/CSS