浅析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 相关文章推荐
jQuery代码优化 选择符篇
Nov 01 Javascript
脚本合并提升javascript性能示例
Feb 24 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
深入浅析JavaScript中数据共享和数据传递
Apr 25 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
AngularJS表单和输入验证实例
Nov 02 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
node.js中使用Export和Import的方法
Sep 18 Javascript
解决vue多个路由共用一个页面的问题
Mar 12 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
Vue通过provide inject实现组件通信
Sep 03 Javascript
关于IDEA中的.VUE文件报错 Export declarations are not supported by current JavaScript version
Oct 17 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中fsockopen用法实例
2015/01/05 PHP
浅谈PHP中foreach/in_array的使用
2015/11/02 PHP
浅谈PHP值mysql操作类
2016/06/29 PHP
Laravel中的chunk组块结果集处理与注意问题
2018/08/15 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
js 操作select相关方法函数
2009/12/06 Javascript
jQuery Ajax 仿AjaxPro.Utility.RegisterTypeForAjax辅助方法
2011/09/27 Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
2013/05/15 Javascript
js实现可兼容IE、FF、Chrome、Opera及Safari的音乐播放器
2015/02/11 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
2015/05/11 Javascript
jquery easyui datagrid实现增加,修改,删除方法总结
2016/05/25 Javascript
浅谈JS的基础类型与引用类型
2016/09/13 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
详解nodejs异步I/O和事件循环
2017/06/07 NodeJs
js html实现计算器功能
2018/11/13 Javascript
利用Node.js如何实现文件循环覆写
2019/04/05 Javascript
JS面向对象实现飞机大战
2020/08/26 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
Python实现基于KNN算法的笔迹识别功能详解
2018/07/09 Python
11个Python Pandas小技巧让你的工作更高效(附代码实例)
2019/04/30 Python
六行python代码的爱心曲线详解
2019/05/17 Python
Python叠加两幅栅格图像的实现方法
2019/07/05 Python
详解Django admin高级用法
2019/11/06 Python
python sorted方法和列表使用解析
2019/11/18 Python
Django ORM filter() 的运用详解
2020/05/14 Python
利用python中的matplotlib打印混淆矩阵实例
2020/06/16 Python
Python实现定时监测网站运行状态的示例代码
2020/09/30 Python
html5如何及时更新缓存文件(js、css或图片)
2013/06/24 HTML / CSS
基于HTML5+tracking.js实现刷脸支付功能
2020/04/16 HTML / CSS
水电工岗位职责
2014/02/12 职场文书
大学军训感言200字
2014/02/26 职场文书
《花瓣飘香》教学反思
2014/04/15 职场文书
庆六一活动总结
2014/08/29 职场文书
仙境之桥观后感
2015/06/16 职场文书
研讨会致辞
2015/07/31 职场文书
煤矿安全学习心得体会
2016/01/18 职场文书