浅析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类库Bindows1.3中的内存释放方式分析
Mar 08 Javascript
jQuery编写widget的一些技巧分享
Oct 28 Javascript
jQuery :nth-child前有无空格的区别分析
Jul 11 Javascript
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
Aug 23 Javascript
JavaScript的jQuery库插件的简要开发指南
Aug 12 Javascript
图解Sublime Text3使用技巧
Dec 21 Javascript
BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题
Dec 28 Javascript
浅析JavaScript中var that=this
Feb 17 Javascript
vue中echarts3.0自适应的方法
Feb 26 Javascript
JavaScript:ES2019 的新特性(译)
Aug 08 Javascript
Vue的transition-group与Virtual Dom Diff算法的使用
Dec 09 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 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
深入php define()函数以及defined()函数的用法详解
2013/06/05 PHP
php的GD库imagettftext函数解决中文乱码问题
2015/01/24 PHP
PHP随机生成唯一HASH值自定义函数
2015/04/20 PHP
PHP消息队列用法实例分析
2016/02/12 PHP
PHP面向对象程序设计之命名空间与自动加载类详解
2016/12/02 PHP
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
2009/02/04 Javascript
jquery里的each使用方法详解
2010/12/22 Javascript
javascript 处理null及null值示例
2014/06/09 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
简单实现js页面切换功能
2021/01/10 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
JS前端开发判断是否是手机端并跳转操作(小结)
2017/02/05 Javascript
Express进阶之log4js实用入门指南
2018/02/10 Javascript
解决Layui 表单提交数据为空的问题
2018/08/15 Javascript
TypeScript中的方法重载详解
2019/04/12 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
[01:01:04]2018DOTA2亚洲邀请赛 4.5 淘汰赛 OpTic vs TNC 第一场
2018/04/06 DOTA
Python多线程编程(四):使用Lock互斥锁
2015/04/05 Python
python判断图片宽度和高度后删除图片的方法
2015/05/22 Python
Python面向对象class类属性及子类用法分析
2018/02/02 Python
Pandas之drop_duplicates:去除重复项方法
2018/04/18 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
Flask框架学习笔记之使用Flask实现表单开发详解
2019/08/12 Python
python 表格打印代码实例解析
2019/10/12 Python
python解释器安装教程的方法步骤
2020/07/02 Python
Python测试框架:pytest学习笔记
2020/10/20 Python
详解BeautifulSoup获取特定标签下内容的方法
2020/12/07 Python
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
绩效工资分配方案
2014/01/18 职场文书
学校招生宣传广告词
2014/03/19 职场文书
学习普通话的体会
2014/11/07 职场文书
新教师2015年度工作总结
2015/07/22 职场文书
python如何利用traceback获取详细的异常信息
2021/06/05 Python
MySQL数据库安装方法与图形化管理工具介绍
2022/05/30 MySQL