浅析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 相关文章推荐
权威JavaScript 中的内存泄露模式
Aug 13 Javascript
[原创]用javascript实现检测指定目录是否存在的方法
Jan 12 Javascript
jquery 学习笔记 传智博客佟老师附详细注释
Sep 12 Javascript
JavaScript的函数式编程基础指南
Mar 19 Javascript
AngularJS 让人爱不释手的八种功能
Mar 23 Javascript
javascript html5摇一摇功能的实现
Apr 19 Javascript
Wireshark基本介绍和学习TCP三次握手
Aug 15 Javascript
阿里云ecs服务器中安装部署node.js的步骤
Oct 08 Javascript
js逆向解密之网络爬虫
May 30 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 Javascript
使用p5.js实现动态GIF图片临摹重现
Oct 23 Javascript
Ant Design的Table组件去除
Oct 24 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下连接mssql2005的代码
2011/01/17 PHP
简单介绍PHP的责任链编程模式
2015/08/11 PHP
Yii2表单事件之Ajax提交实现方法
2017/05/04 PHP
PHP接口继承及接口多继承原理与实现方法详解
2017/10/18 PHP
php判断电子邮件是否正确方法
2018/12/04 PHP
PHP PDOStatement::execute讲解
2019/01/31 PHP
基于jquery的横向滚动条(滑动条)
2011/02/24 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
浅谈JavaScript中的Math.atan()方法的使用
2015/06/14 Javascript
js实现带圆角的两级导航菜单效果代码
2015/08/24 Javascript
跟我学习javascript的全局变量
2015/11/16 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
js实现登录框鼠标拖拽效果
2017/03/09 Javascript
微信小程序实现点击返回顶层的方法
2017/07/12 Javascript
vue2.0实现移动端的输入框实时检索更新列表功能
2018/05/08 Javascript
写gulp遇到的ES6问题详解
2018/12/03 Javascript
ES6 迭代器与可迭代对象的实现
2019/02/11 Javascript
vue里的data要用return返回的原因浅析
2019/05/28 Javascript
vue实现列表滚动的过渡动画
2020/06/29 Javascript
详解基于element的区间选择组件校验(交易金额)
2021/01/07 Javascript
[01:09]模型精美,特效酷炫!TI9不朽宝藏Ⅰ鉴赏
2019/05/10 DOTA
Python程序设计入门(3)数组的使用
2014/06/16 Python
Python获取Linux系统下的本机IP地址代码分享
2014/11/07 Python
python单例模式获取IP代理的方法详解
2018/09/13 Python
Python爬虫文件下载图文教程
2018/12/23 Python
python如何实现异步调用函数执行
2019/07/08 Python
cProfile Python性能分析工具使用详解
2019/07/22 Python
python中bytes和str类型的区别
2019/10/21 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
Tensorflow累加的实现案例
2020/02/05 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
python中sklearn的pipeline模块实例详解
2020/05/21 Python
La Redoute英国官网:法国时尚品牌
2017/04/27 全球购物
毕业生写求职信的要点
2014/03/04 职场文书
个人贷款担保书
2014/04/01 职场文书
廉洁家庭事迹材料
2014/05/15 职场文书