编程 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 相关文章推荐

jQuery 使用手册(一)

Sep 23 Javascript

JS分割字符串并放入数组的函数

Jul 04 Javascript

Jquery实现Div上下移动示例

Apr 23 Javascript

Jquery 返回json数据在IE浏览器中提示下载的问题

May 18 Javascript

JavaScript编程中容易出BUG的几点小知识

Jan 31 Javascript

ECMA5数组的新增方法有哪些及forEach（）模仿实现

Nov 03 Javascript

微信小程序参数传递详解

Oct 24 Javascript

vue组件父与子通信详解（一）

Nov 07 Javascript

Vue Socket.io源码解读

Feb 07 Javascript

解决webpack无法通过IP地址访问localhost的问题

Feb 22 Javascript

微信小程序渲染性能调优小结

Jul 30 Javascript

javascript实现拖拽碰撞检测

Mar 12 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一些服务器端特性的配置加强php的安全

2006/10/09 PHP

PHP默认安装产生系统漏洞

2006/10/09 PHP

PHP+MySQL 手工注入语句大全推荐

2009/10/30 PHP

php 目录与文件处理-郑阿奇(续)

2011/07/04 PHP

mysql数据库差异比较的PHP代码

2012/02/05 PHP

php中chdir()函数用法实例

2014/11/13 PHP

微信公众平台开发教程③ PHP实现微信公众号支付功能图文详解

2019/04/10 PHP

由浅到深了解JavaScript类

2006/09/08 Javascript

Jquery ajax不能解析json对象，报Invalid JSON错误的原因和解决方法

2010/03/27 Javascript

jquery对表单操作2

2011/04/06 Javascript

jquery星级插件、支持页面中多次使用

2012/03/25 Javascript

怎么选择Javascript框架(Javascript Framework)

2013/11/22 Javascript

JS实现的用来对比两个用指定分隔符分割的字符串是否相同

2014/09/19 Javascript

JavaScript获取两个数组交集的方法

2015/06/09 Javascript

Jquery左右滑动插件之实现超级炫酷动画效果附源码下载

2015/12/02 Javascript

你知道setTimeout是如何运行的吗?

2016/08/16 Javascript

seajs学习之模块的依赖加载及模块API的导出

2016/10/20 Javascript

微信小程序实现列表项滑动显示删除按钮的功能

2017/04/13 Javascript

Jquery EasyUI $.Parser

2017/06/02 jQuery

使用vue-cli创建项目的图文教程(新手入门篇)

2018/05/02 Javascript

JS实现选项卡效果的代码实例

2019/05/20 Javascript

javascript设计模式 ? 中介者模式原理与用法实例分析

2020/04/20 Javascript

Vue + Scss 动态切换主题颜色实现换肤的示例代码

2020/04/27 Javascript

[01:51]2014DOTA2西雅图邀请赛 MVP 外卡赛black场间采访

2014/07/09 DOTA

centos系统升级python 2.7.3

2014/07/03 Python

python机器学习理论与实战（五）支持向量机

2018/01/19 Python

Python3.4解释器用法简单示例

2019/03/22 Python

Python队列、进程间通信、线程案例

2019/10/25 Python

浅析python 动态库m.so.1.0错误问题

2020/05/09 Python

python字符串的index和find的区别详解

2020/06/20 Python

澳大利亚最受欢迎的超级商场每日优惠：Catch

2020/11/17 全球购物

学生意外伤害赔偿协议书

2014/09/17 职场文书

校运动会广播稿300字

2014/10/07 职场文书

假释思想汇报范文

2014/10/11 职场文书

pygame面向对象的飞行小鸟实现(Flappy bird)

2021/04/01 Python

go语言中http超时引发的事故解决

2021/06/02 Golang