首页 > Web开发 > 详细

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

时间:2018-03-02 21:50:40      阅读:209      评论:0      收藏:0      [点我收藏+]
  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对象的一些重要属性

原文:https://www.cnblogs.com/njzy8856/p/8494927.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!