JS中document对象的一些重要属性

Posted 宁静致远!

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS中document对象的一些重要属性相关的知识,希望对你有一定的参考价值。

  1. forms数组对象:代码网页中所有form标签的集合
  2. anchors数组对象:指定了网页中所有指定了name或id属性的<a>标签的集合,但不包括指定了href标签的集合
  3. links数组对象  指所有指定了href属性的<a>标签的集合
  4. images数组对象:指定了文档中所有的<img>标签的集合
  5. scripts数组对象:代表了文档中所有的<script>标签的集合
  6. applets数组对象:代表了文档中所有的<applets>标签的集合
  7. all数组对象:代表所有文档中所有的标签
  8. styleSheets数组对象:文档中所有引入的样式表的集合
  9. body对象:代表文档当中套在<body>标签对里面的html子元素,可以作为body对象的属性来引用
  10. 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 /标签与之对应就可以显示






































以上是关于JS中document对象的一些重要属性的主要内容,如果未能解决你的问题,请参考以下文章

JS中三大对象

JS问题(window对象)

js 原生代码找对象的方法

js 原生代码找对象的方法

JS 事件对象

JS学习--DOM