码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-03-02 22:11:25      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:pos   sof   doc   for   属性   images   post   script   显示   

  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对象的一些重要属性

标签:pos   sof   doc   for   属性   images   post   script   显示   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!