JavaScript Object对象(Object Object)

Object对象代表了HTML文档中的object元素

如何访问Object对象?

使用getElementById()访问object元素。

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

如何创建Object对象?

使用createElement()方法创建object元素。

var x = document.createElement("object");
Object对象的属性
属性 说明
align HTML5不支持,使用style.cssFloat代替
根据周围文本,设置或返回对象的对齐基准
archive HTML5不支持
border HTML5不支持,使用style.border代替
设置或返回object元素周围的边框
code HTML5不支持
设置或返回包含编译Java类文件的URL
codeBase HTML5不支持
设置或返回组成部件的URL
codeType HTML5不支持
data 设置或返回被object元素使用的资源的URL
declare HTML5不支持
form【5】 设置或返回object元素的form属性的值
height 设置或返回object元素的高度
hspace HTML5不支持,使用style.margin代替
设置或返回对象的水平外缘
name 返回object元素的名称
standby HTML5不支持
设置或返回下载对象时显示的信息
type 设置或返回object元素通过data属性下载的数据的类型
useMap 设置或返回用于object元素的图像映射的名称
vspace HTML5不支持,使用style.margin代替
设置或返回对象的垂直外缘
width 设置或返回对象的宽度

【5】=HTML5中新增加属性

标准属性及事件

object对象同时支持标准的属性事件

使用例1

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何访问OBJECT元素?</h3>

<object id="myObject" width="300" height="300" data="../../html5/material/test.gif">

</object>

<p>点击以下按钮,获取以上动漫的URL</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

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

document.getElementById("demo").innerHTML = x;

}

</script>

</body>

</html>

使用例2

HTML+Javascript文件

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

</head>

<body>

<h3>如何创建OBJECT元素?</h3>

<p>点击以下按钮,获取以上动漫的URL</p>

<button onclick="myFc()">按钮</button>

<p id="demo"></p>

<script>

function myFc() {

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

x.setAttribute("data", "../../html5/material/test.gif");

x.setAttribute("width", "300");

x.setAttribute("height", "300");

document.body.appendChild(x);

}

</script>

</body>

</html>

关联内容