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


Posted in Javascript onMarch 06, 2014

可以通过这些属性访问到页面中的每一个元素和它们的属性,每一个标签都可以通过它们对应的数组去访问他们的属性

一: forms数组对象:代码网页中所有form标签的集合

二: anchors数组对象:指定了网页中所有指定了name或id属性的<a>标签的集合,但不包括指定了href标签的集合

三:links数组对象  指所有指定了href属性的<a>标签的集合

四:images数组对象:指定了文档中所有的<img>标签的集合

五:scripts数组对象:代表了文档中所有的<script>标签的集合

六:applets数组对象:代表了文档中所有的<applets>标签的集合

七:all数组对象:代表所有文档中所有的标签

八:styleSheets数组对象:文档中所有引入的样式表的集合

九:body对象:代表文档当中套在<body>标签对里面的HTML子元素,可以作为body对象的属性来引用

十:title对象:代表文档中的<title>标签对,用来设置和引用网页标签栏上的内容

它们的引用范例:
document.all.imag1.src
document.images.imag1.src
document.images.item("imag1").src
document.images.item(0).src

其它元素的访问也可以使用同样的方法,当然必须为要访问的对象指定name或ID属性,只要记住这些对象数组就可以通过他们的名称去访问它们所对应的子元素了,所以只要记住以上十个元素代表的意思就可以轻松访问和设置网页文档中的每一个元素了...

Javascript 相关文章推荐
JS关闭窗口或JS关闭页面的几种代码分享
Oct 25 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
JS上传图片预览插件制作(兼容到IE6)
Aug 07 Javascript
原生js实现放大镜效果
Jan 11 Javascript
jQuery选择器之子元素过滤选择器
Sep 28 jQuery
Bootstrap Table中的多选框删除功能
Jul 15 Javascript
element-ui表格数据转换的示例代码
Aug 24 Javascript
VeeValidate 的使用场景以及配置详解
Jan 11 Javascript
微信小程序开发实现的选项卡(窗口顶部/底部TabBar)页面切换功能图文详解
May 14 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
JavaScript的console命令使用实例
Dec 03 Javascript
浅析jquery的js图表组件highcharts
Mar 06 #Javascript
JavaScript利用构造函数和原型的方式模拟C#类的功能
Mar 06 #Javascript
javascript简单实现命名空间效果
Mar 06 #Javascript
深入剖析JavaScript中的枚举功能
Mar 06 #Javascript
javascript模拟枚举的简单实例
Mar 06 #Javascript
js模拟C#中List的简单实例
Mar 06 #Javascript
js模拟hashtable的简单实例
Mar 06 #Javascript
You might like
虫族 Zerg 热键控制
2020/03/14 星际争霸
使用PHP强制下载PDF文件示例
2014/01/17 PHP
php实现阿拉伯数字和罗马数字相互转换的方法
2015/04/17 PHP
PHP实现递归无限级分类
2015/10/22 PHP
PHP对象链式操作实现原理分析
2016/10/09 PHP
PHP单例模式实例分析【防继承,防克隆操作】
2019/05/22 PHP
在 IE 中调用 javascript 打开 Excel 表
2006/12/21 Javascript
javascript 写类方式之三
2009/07/05 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
2011/02/12 Javascript
解决Jquery load()加载GB2312页面时出现乱码的两种方案
2013/09/10 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
angularJS 中$scope方法使用指南
2015/02/09 Javascript
jQuery源码分析之Callbacks详解
2015/03/13 Javascript
NodeJS仿WebApi路由示例
2017/02/28 NodeJs
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
实例详解Node.js 函数
2018/06/10 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
[28:28]Ti4 冒泡赛第二天NEWBEE vs NaVi 2
2014/07/15 DOTA
[08:17]Ti9 现场cosplay
2019/09/10 DOTA
Win10下python3.5和python2.7环境变量配置教程
2018/09/18 Python
Python爬虫文件下载图文教程
2018/12/23 Python
Python流行ORM框架sqlalchemy安装与使用教程
2019/06/04 Python
python实现连连看辅助之图像识别延伸
2019/07/17 Python
django 通过url实现简单的权限控制的例子
2019/08/16 Python
浅谈python累加求和+奇偶数求和_break_continue
2020/02/25 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
Falconeri美国官网:由羊绒和羊毛制成的针织服装
2018/04/08 全球购物
澳大利亚珠宝商:Shiels
2019/10/06 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
保安员岗位职责
2013/11/17 职场文书
护士实习求职信
2014/06/22 职场文书
先进个人申报材料
2014/12/30 职场文书
重阳节简报
2015/07/20 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
关于python类SortedList详解
2021/09/04 Python