编程 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中的call实现继承

Jan 22 Javascript

CSS和JS标签style属性对照表(方便js开发的朋友)

Nov 11 Javascript

js编写trim()函数及正则表达式的运用

Oct 24 Javascript

使用jQuery重置(reset)表单的方法

May 05 Javascript

JS实现往下不断流动网页背景的方法

Feb 27 Javascript

基于jquery实现的仿优酷图片轮播特效代码

Jan 13 Javascript

JS实现复选框的全选和批量删除功能

Apr 05 Javascript

javascript性能优化之分时函数的介绍

Mar 28 Javascript

详解用Webpack与Babel配置ES6开发环境

Mar 12 Javascript

JavaScript判断数组类型的方法

Oct 23 Javascript

JS绘图Flot如何实现可选显示曲线图功能

Oct 16 Javascript

vue浏览器返回监听的具体步骤

Feb 03 Vue.js

浅析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 has encountered an Access Violation 错误的解决方法

2010/01/17 PHP

简单的PHP留言本实例代码

2010/05/09 PHP

php检测mysql表是否存在的方法小结

2017/07/20 PHP

Laravel 批量更新多条数据的示例

2017/11/27 PHP

Laravel 使用查询构造器配合原生sql语句查询的例子

2019/10/12 PHP

jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态

2013/10/29 Javascript

生成二维码方法汇总

2014/12/26 Javascript

微信小程序倒计时组件实现代码

2016/10/24 Javascript

详解jQuery停止动画——stop()方法的使用

2016/12/14 Javascript

工作中常用的js、jquery自定义扩展函数代码片段汇总

2016/12/22 Javascript

基于JavaScript实现带数据验证和复选框的表单提交

2017/08/23 Javascript

Vue-Router实现组件间跳转的三种方法

2017/11/07 Javascript

在vue中,v-for的索引index在html中的使用方法

2018/03/06 Javascript

微信小程序中使用echarts的实现方法

2019/04/24 Javascript

node中IO以及定时器优先级详解

2019/05/10 Javascript

Vue+ElementUI使用vue-pdf实现预览功能

2019/11/26 Javascript

node事件循环和process模块实例分析

2020/02/14 Javascript

js实现表格单列按字母排序

2020/08/12 Javascript

python编程-将Python程序转化为可执行程序[整理]

2007/04/09 Python

浅析Python多线程下的变量问题

2015/04/28 Python

Python django实现简单的邮件系统发送邮件功能

2017/07/14 Python

python Socket之客户端和服务端握手详解

2017/09/18 Python

Pycharm 创建 Django admin 用户名和密码的实例

2018/05/30 Python

Django开发的简易留言板案例详解

2018/12/04 Python

Pytorch 神经网络—自定义数据集上实现教程

2020/01/07 Python

如何在windows下安装Pycham2020软件(方法步骤详解)

2020/05/03 Python

用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)

2020/06/04 Python

Python判断字符串是否为合法标示符操作

2020/09/03 Python

中东最大的在线宠物店：Dubai Pet Food

2020/06/11 全球购物

县级领导干部开展党的群众路线教育实践活动工作汇报

2014/10/25 职场文书

2014年学前班工作总结

2014/12/08 职场文书

历史名人教你十五个读书方法，赶快Get起来！

2019/07/18 职场文书

python自动化之如何利用allure生成测试报告

2021/05/02 Python

详解Redis在SpringBoot工程中的综合应用

2021/10/16 Redis

Python利用capstone实现反汇编

2022/04/06 Python

PYTHON 使用 Pandas 删除某列指定值所在的行

2022/04/28 Python