浅析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 相关文章推荐
JavaScript版DateAdd和DateDiff函数代码
Mar 01 Javascript
jquery实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 Javascript
js实现网页自动刷新可制作节日倒计时效果
May 27 Javascript
全面了解构造函数继承关键apply call
Jul 26 Javascript
JavaScript实现水平进度条拖拽效果
Jan 18 Javascript
JS实现DIV高度自适应窗口示例
Feb 16 Javascript
利用Angular.js编写公共提示模块的方法教程
May 28 Javascript
JavaScript实现二叉树的先序、中序及后序遍历方法详解
Oct 26 Javascript
详解项目升级到vue-cli3的正确姿势
Jan 28 Javascript
ES6 class的应用实例分析
Jun 27 Javascript
Vue3新特性之在Composition API中使用CSS Modules
Jul 13 Javascript
Angular利用HTTP POST下载流文件的步骤记录
Jul 26 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
2021年最新CPU天梯图
2021/03/04 数码科技
PDO版本问题 Invalid parameter number: no parameters were bound
2013/01/06 PHP
详谈php中 strtr 和 str_replace 的效率问题
2017/05/14 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
Yii框架使用PHPExcel导出Excel文件的方法分析【改进版】
2019/07/24 PHP
Jquery乱码的一次解决过程 图解教程
2010/02/20 Javascript
javascript for循环设法提高性能
2010/02/24 Javascript
TextArea设置MaxLength属性最大输入值的js代码
2012/12/21 Javascript
使用js+jquery实现无限极联动
2013/05/23 Javascript
Javascript表格翻页效果实现思路及代码
2013/08/23 Javascript
ajax读取数据后使用jqchart显示图表的方法
2015/06/10 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
H5用户注册表单页 注册模态框!
2016/09/17 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
2016/10/07 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
vue单页面打包文件大?首次加载慢?nginx带你飞,从7.5M到1.3M蜕变过程(推荐)
2018/01/16 Javascript
javascript中导出与导入实现模块化管理教程
2020/12/03 Javascript
Python实现抓取网页并且解析的实例
2014/09/20 Python
Python实现购物车程序
2018/04/16 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
Win8下python3.5.1安装教程
2020/07/29 Python
Python中那些 Pythonic的写法详解
2019/07/02 Python
django 连接数据库 sqlite的例子
2019/08/14 Python
pytorch动态网络以及权重共享实例
2020/01/06 Python
Python3.6 中的pyinstaller安装和使用教程
2020/03/16 Python
弄清Pytorch显存的分配机制
2020/12/10 Python
CSS3中的opacity属性使用教程
2015/08/19 HTML / CSS
Craghoppers德国官网:户外和旅行服装
2020/02/14 全球购物
思想品德自我鉴定
2013/10/12 职场文书
求职信模板怎么做
2014/01/26 职场文书
出差报告格式模板
2014/11/06 职场文书
管理失职检讨书范文
2015/05/05 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
2019教师的学习计划
2019/06/25 职场文书
Python查找算法的实现 (线性、二分,分块、插值查找算法)
2022/04/24 Python