浅析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 相关文章推荐
防止xss和sql注入:JS特殊字符过滤正则
Apr 18 Javascript
JavaScript禁止页面操作的示例代码
Dec 17 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
jquery ui resize 中border-box的bug修正
Apr 26 Javascript
javascript实现十秒钟后注册按钮可点击的方法
May 13 Javascript
Javascript中arguments对象的详解与使用方法
Oct 04 Javascript
集合Bootstrap自定义confirm提示效果
Sep 19 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
Sep 23 Javascript
基于vue-cli vue-router搭建底部导航栏移动前端项目
Feb 28 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
bootstrap tooltips在 angularJS中的使用方法
Apr 10 Javascript
js实现倒计时秒杀效果
Mar 25 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语法速查表
2007/01/02 PHP
PHP中MD5函数使用实例代码
2008/06/07 PHP
Drupal读取Excel并导入数据库实例
2014/03/02 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
Zend Framework入门应用实例详解
2016/12/11 PHP
学习YUI.Ext 第七天--关于View&amp;JSONView
2007/03/10 Javascript
可以文本显示的公告栏的js代码
2007/03/11 Javascript
JavaScript简单实现网页回到顶部功能
2013/11/12 Javascript
checkbox全选所涉及到的知识点介绍
2013/12/31 Javascript
javascript 构造函数方式定义对象
2015/01/02 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
javascript最基本的函数汇总
2015/06/25 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
nodejs连接mongodb数据库实现增删改查
2016/12/01 NodeJs
NodeJs测试框架Mocha的安装与使用
2017/03/28 NodeJs
微信小程序 连续旋转动画(this.animation.rotate)详解
2017/04/07 Javascript
JS中的函数与对象的创建方式
2019/05/12 Javascript
[53:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第一场 1月31日
2021/03/11 DOTA
Python根据区号生成手机号码的方法
2015/07/08 Python
Python上下文管理器和with块详解
2017/09/09 Python
python决策树之C4.5算法详解
2017/12/20 Python
Python 3 判断2个字典相同
2019/08/06 Python
python多线程同步实例教程
2019/08/11 Python
Python Django中的STATIC_URL 设置和使用方式
2020/03/27 Python
解析python 类方法、对象方法、静态方法
2020/08/15 Python
Python 删除List元素的三种方法remove、pop、del
2020/11/16 Python
CSS3为背景图设置遮罩并解决遮罩样式继承问题
2020/06/22 HTML / CSS
布鲁明戴尔百货店:Bloomingdale’s
2016/12/21 全球购物
Nike荷兰官方网站:Nike.com (NL)
2018/04/19 全球购物
机电专业毕业生求职信
2013/10/27 职场文书
理工学院学生自我鉴定
2014/02/23 职场文书
廉洁自律承诺书
2014/03/27 职场文书
群众路线自查自纠工作情况报告
2014/10/28 职场文书
2019年销售部季度工作计划3篇
2019/10/09 职场文书
导游词之镇江-金山寺
2019/10/14 职场文书
vue引入Excel表格插件的方法
2021/04/28 Vue.js