HTML DOM Object 对象

Object 对象

Object 对象表示一个 HTML <object> 元素。

<object> 元素用于在网页中包含对象，比如：图像、音频、视频、Java applet、ActiveX、PDF、Flash 等。

访问 Object 对象

您可以使用 getElementById() 来访问 <object> 元素：

var
  x = document.getElementById("myObject");

<h3>访问 OBJECT 元素</h3>
<object id="myObject" data="/examples/helloworld.swf"></object>
<p>点击按钮获取嵌入 flash 文件的 URL。</p>
<p id="demo"></p>
<button onclick="myFunction()">尝试一下</button>
<script>
  function myFunction() {
    var x = document.getElementById("myObject").data;
    document.getElementById("demo").innerHTML = x;
  };
</script>

尝试一下 »

创建 Object 对象

您可以使用 document.createElement() 方法来创建 <object> 元素：

var x = document.createElement("OBJECT");

<p>点击按钮创建带有嵌入 flash 文件的 OBJECT 元素。</p>
<button onclick="myFunction()">尝试一下</button>
<script>
  function myFunction() {
    var x = document.createElement("OBJECT");
    x.setAttribute("data", "/examples/helloworld.swf");
    document.body.appendChild(x);
  };
</script>

尝试一下 »

Object 对象属性

属性	描述
align	HTML5 中不支持。使用 style.cssFloat 替代。 设置或返回对象相对于周围文本的对齐方式。
archive	HTML5 中不支持。 设置或返回一个用于实现对象存档功能的字符串。
border	HTML5 中不支持。使用 style.border 替代。 设置或返回围绕对象的边框。
code	HTML5 中不支持。 设置或返回文件的 URL，该文件包含已编译的 Java 类。
codeBase	HTML5 中不支持。 设置或返回组件的 URL。
codeType	HTML5 中不支持。
data
declare	HTML5 中不支持。
form	返回对对象的父表单的引用。
height	设置或返回对象的高度。
hspace	HTML5 中不支持。使用 style.margin 替代。 设置或返回对象的水平外边距。
name	设置或返回对象的名称。
standby	HTML5 中不支持。 设置或返回在加载对象时的消息。
type	设置或返回通过 data 属性下载的数据的内容类型。
useMap
vspace	HTML5 中不支持。使用 style.margin 替代。 设置或返回对象的垂直外边距。
width	设置或返回对象的宽度。

标准属性和事件

Object 对象同样支持标准 属性 和 事件。

---

相关文章

HTML 参考手册：HTML <object> 标签