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

防止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&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