JS中document对象的一些重要属性
- forms数组对象:代码网页中所有form标签的集合
- anchors数组对象:指定了网页中所有指定了name或id属性的<a>标签的集合,但不包括指定了href标签的集合
- links数组对象 指所有指定了href属性的<a>标签的集合
- images数组对象:指定了文档中所有的<img>标签的集合
- scripts数组对象:代表了文档中所有的<script>标签的集合
- applets数组对象:代表了文档中所有的<applets>标签的集合
- all数组对象:代表所有文档中所有的标签
- styleSheets数组对象:文档中所有引入的样式表的集合
- body对象:代表文档当中套在<body>标签对里面的HTML子元素,可以作为body对象的属性来引用
- title对象:代表文档中的<title>标签对,用来设置和引用网页标签栏上的内容
forms集合(页面中的表单)
a)通过集合引用
document.forms //对应页面上的form标签
document.forms.length //对应页面上/formform标签的个数
document.forms[0] //第1个form标签
document.forms[i] //第i-1个fform标签
document.forms[i].length //第i-1个orm中的控件数
document.forms[i].elements[j] //第i-1个form中第j-1个控件
b)通过标签name属性直接引用
<form name=”Myform”><input name=”myctrl”/></form>
document.Myform.myctrl //document.表单名.控件名
c)访问表单的属性
document.forms[i].name //对应第i个form的name属性
document.forms[i].action //对应第i个form的action属性
document.forms[i].encoding //对应第i个form的encoding属性
document.forms[i].target //对应第i个form的target属性
images集合(页面中的图象)
a)通过集合引用
document.images //对应页面上的img标签
document.images.length //对应页面上img标签的个数
document.images[0] //第1个img标签
document.images[i] //第i-1个img标签
b)通过name属性直接引用
<img name=”oImage” src="1.jpg">
document.images.oImage //document.images.name属性
c)引用图片的src属性
document.images.oImage.src //document.images.name属性.src
d)创建一个图象
var oImage
oImage = new Image()
document.images.oImage.src=”1.jpg”
同时在页面上建立一个img /标签与之对应就可以显示
