要获取iframe的document对象，可以使用jQuery的.contents()方法。下面是获取iframe中某个元素的document对象的示例代码：
var iframeDoc = $('#myIframe').contents().find('#myElement').get(0).contentDocument;
上述代码中，通过选择器获取myIframe这个iframe元素，然后使用.contents()方法获取该iframe下的所有内容，再使用.find()方法选择特定的元素（例如这里的myElement），然后通过get(0)方法获取该元素的DOM对象，最后使用.contentDocument属性获取该DOM对象所在的document对象。
当然，也可以直接获取整个iframe的document对象，例如：
var iframeDoc = $('#myIframe').get(0).contentDocument;
上述代码中，同样是选择器选中myIframe元素，然后使用get(0)方法获取该元素的DOM对象，再使用.contentDocument属性获取该DOM对象所在的document对象，这个document对象就是整个iframe的document对象。
下面是完整的示例代码：
<!DOCTYPE html>
<html>
<head>
<title>获取iframe的document对象</title>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
</head>
<body>
<iframe id="myIframe" src="http://www.example.com"></iframe>
<script type="text/javascript">
var iframeDoc = $('#myIframe').get(0).contentDocument;
console.log(iframeDoc.title); // 输出iframe中页面的标题
</script>
</body>
</html>
上述代码中，通过选择器选中myIframe元素，然后使用get(0)方法获取该元素的DOM对象，再使用.contentDocument属性获取该DOM对象所在的document对象，最后可以直接获取该document对应的title输出到控制台中。
本站文章如无特殊说明，均为本站原创，如若转载，请注明出处：jQuery获取iframe的document对象的方法 - Python技术站
微信扫一扫 
支付宝扫一扫 