浅析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版的date函数(和PHP的date函数一样)
May 12 Javascript
express的中间件cookieParser详解
Dec 04 Javascript
Javascript之Date对象详解
Jun 07 Javascript
一个炫酷的Bootstrap导航菜单
Dec 28 Javascript
js cookie实现记住密码功能
Jan 17 Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 Javascript
详解如何让Express支持async/await
Oct 09 Javascript
JavaScript实现二叉树定义、遍历及查找的方法详解
Dec 20 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 Javascript
小程序选项卡以及swiper套用(跨页面)
Jun 19 Javascript
vue-router定义元信息meta操作
Dec 07 Vue.js
JavaScript控制台的更多功能
Apr 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
深入Apache与Nginx的优缺点比较详解
2013/06/17 PHP
javascript开发技术大全 第4章 直接量与字符集
2011/07/03 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
2014/02/19 Javascript
js实现的捐赠管理完整实例
2015/01/20 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
2015/03/21 Javascript
JavaScript动态改变表格单元格内容的方法
2015/03/30 Javascript
Bootstrap编写一个在当前网页弹出可关闭的对话框 非弹窗
2016/06/30 Javascript
AngularJS动态生成div的ID源码解析
2016/08/29 Javascript
Vue.js第四天学习笔记
2016/12/02 Javascript
Node.js的Mongodb使用实例
2016/12/30 Javascript
通过npm引用的vue组件使用详解
2017/03/02 Javascript
vue-resource调用promise取数据方式详解
2017/07/21 Javascript
axios发送post请求,提交图片类型表单数据方法
2018/03/16 Javascript
JavaScript设计模式之缓存代理模式原理与简单用法示例
2018/08/07 Javascript
JavaScript跳出循环的三种方法(break, return, continue)
2019/07/30 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
js实现select下拉框选择
2020/01/11 Javascript
详解Vue.js 响应接口
2020/07/04 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
详解Python中with语句的用法
2015/04/15 Python
在Python程序中进行文件读取和写入操作的教程
2015/04/28 Python
python3音乐播放器简单实现代码
2020/04/20 Python
Python爬取成语接龙类网站
2018/10/19 Python
Python中的heapq模块源码详析
2019/01/08 Python
python 求一个列表中所有元素的乘积实例
2019/06/11 Python
用Cython加速Python到“起飞”(推荐)
2019/08/01 Python
CSS3实现王者匹配时的粒子动画效果
2019/04/12 HTML / CSS
介绍一下Ruby的多线程处理
2013/02/01 面试题
庆中秋节主题活动方案
2014/02/03 职场文书
高三学习决心书
2014/03/11 职场文书
美术教师岗位职责
2014/03/18 职场文书
街道党风廉政建设调研报告
2015/01/01 职场文书
2015关于重阳节的演讲稿
2015/03/20 职场文书
导游词之澳门玫瑰圣母堂
2019/12/03 职场文书
详解JS ES6编码规范
2021/05/07 Javascript
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers