分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

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

发布时间:2023-09-06 01:44责任编辑:胡小海关键词:暂无标签
  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

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved