编程 Javascript

浅析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属性,只要记住这些对象数组就可以通过他们的名称去访问它们所对应的子元素了,所以只要记住以上十个元素代表的意思就可以轻松访问和设置网页文档中的每一个元素了...

浅析JS中document对象的一些重要属性

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

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 职场文书