如何使用 JavaScript 从 HTML 页面的嵌入/对象中获取元素？答案

【问题标题】：How to get element from Embed/Object of HTML page with JavaScript?如何使用 JavaScript 从 HTML 页面的嵌入/对象中获取元素？
【发布时间】：2016-02-25 12:29:26
【问题描述】：

我已在应用程序的 HTML 文件中包含对象/嵌入以显示另一个网页。即

<!DOCTYPE HTML>

<html>
<head>
<meta name="viewport" content="width=device-width, user-scalable=no">
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<title>PhoneGap</title>
<link rel="stylesheet" href="master.css" type="text/css">
<script type="text/javascript" charset="utf-8" src="cordova-1.9.0.js"></script>
<script type="text/javascript" charset="utf-8" src="main.js"></script>
</head>
<body onload="init();">
    <!-- <embed id='embadedContent' height = 400 width= '100%' src="http://192.168.2.44:9191/testtwo/"/> -->
    <object height = 400 width= '100%' data="http://192.168.2.44:9191/testtwo/">
        <param name="quality" value="high">
    </object>
</body>
</html>

现在，我想获取网页 (http://192.168.2.44:9191/testtwo/) 中的组件的引用，例如按钮、文本字段等，以便基于逻辑我可以更改这些元素的属性。

【问题讨论】：

如果您正在加载网页，请考虑使用 iframe 并使用它来获取元素 document.getElementById('myframe').contentWindow.document
@CodeiSir：我认为这只是为了显示他页面的 URL 是什么（结果证明是相关的）。
Read data in HTML object tag的可能重复

标签： javascript html embed getelementbyid getelementsbytagname

【解决方案1】：

使用id 标记稍后引用该元素，例如像这样：id="myObject1"

<object id="myObject1" height = 400 width= '100%' data="http://192.168.2.44:9191/testtwo/">
 <param name="quality" value="high">
</object>

然后你可以通过 JavaScript 访问它：

var myObject1 = document.getElementById("myObject1")
myObject1.style.height = "200px"

【讨论】：

这为 OP 提供了 object 元素，而不是 “网页中的组件”。
您可以使用object 和embed 嵌入页面，就像使用iframes 一样，是的。