gpt4 book ai didi

javascript - 如何选择对象内部文档的元素

转载 作者:行者123 更新时间:2023-11-30 17:06:22 25 4
gpt4 key购买 nike

我正在尝试制作像浏览器检查器一样工作的页面。基本上我希望能够单击页面元素并获取该元素的 Xpath。我创建了一个简单的页面,它使用 jQuery 将另一个页面加载到 div 中,但我一直无法访问该内部页面元素。

这是我的代码:

<html> 
<head>
<link href="style.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script>
$(function(){
$("#page").html('<object data="http://mypage.com" />');
});
</script>
</head>
<body>
<div id="bar"></div>
<div id="page"></div>
</body>

使用 $("#page").find("object") 选择器我可以访问 object,但我还没有找到更深入的方法object 中的文档元素。有什么方法可以选择该内页的元素,或者是否有更好的方法来做我想做的事情?

最佳答案

您应该能够访问内部 <objects>使用 contentDocument 的文档元素的属性。即:

如果你有这样的事情:

<object data="blob:http://my-domain.com/resource-id: hidden;">
#document
<html>
<body>
<embed width="100%" height="100%" name="plugin" id="plugin" src="blob:http://my-domain.com/resource-id" type="application/pdf" internalinstanceid="110">
</body>
</html>
</object>

您可以访问 embed这样做的元素:

$('object').contentDocument.body.children[0]

关于javascript - 如何选择对象内部文档的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27948287/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com