【JavaScript】document对象属性-阿里云开发者社区

开发者社区> 光仔december> 正文

【JavaScript】document对象属性

简介:
+关注继续查看
document对象中,并没有特别的事件,它所支持的都是通用的。
在document上讲解这些属性不具有典型性,但只要掌握了一个对象
在某个事件上的处理方式,也就自然的掌握了在其它对象上处理这个
事件。

对于document对象所支持的事件在这里就不赘述了。

下面说一下document对象属性:
1.forms数组对象:代表html文档中的所有form标签对的集合。
2.anchors数组对象:代表html文档中所有指定的name属性或id属性的a
标签对的集合。
3.links数组对象:代表html文档中所有指定的href属性的a标签对的集合。
4.images数组对象:代表html文档中所有指定的img标签对的集合。
5.scripts数组对象:代表html文档中所有指定的script标签对的集合。
6.applets数组对象:代表html文档中所有指定的applet标签对的集合,
applet是属于Java编程的一种专门技术,不属于Javascript的内容
7.all数组对象:所有的html标签集合。
8.styleSheets数组对象:所有的style、link标签、import引入的样式表
的集合。
9.body对象:代表body标签对,body标签中的子标签可以作为body对象的
属性来使用。
10.title对象:代表html文档中所有指定的title标签对的集合,我们可以
通过这个对象设置title标题的内容。

documents对象属性举例1:
先看一段html代码:
<body onload="checkall()">
<a href="#mark" name="href1">to p1</a>
<a href="#mark" name="href2">to p2</a>
<img src="sample.gif" name="img1">
<form name="form1">
<input type=submit>
</form>
<a name="mark1">paragraph1
<form name="form2">
<input type=text name="user"><br>
<input type=submit>
</form>
<a name="mark2">paragraph2
</body>

在checkall()方法里,我们会打开一个新的文档窗口,
显示上面各类html标签的统计信息:
<script language="javascript" name=script1> 
function checkall()
{
	var owin=window.open("","_blank");
	
	owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+
	   "<caption>all数组里一共有"+document.all.length+"个元素</caption><tr>")
	for(var i=0;i<document.all.length;i++)
	{
	     owin.document.write("<td>"+document.all[i].tagName+"</td>");
	}
	owin.document.writeln("</tr></table>");
	   
    var objnames=["links","forms","anchors","scripts","images"];
    for(var j=0;j<objnames.length;j++)
    {
        owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+"<caption>");
        eval('owin.document.write(objnames[j]+"数组一共有"+document.'+objnames[j]+'.length)');
        owin.document.write("个元素</caption><tr>");
    }
    var len=0;
    eval("lan=document."+objnames[j]+".length");
    for(var i=0;i<len;i++)
    {
               eval('owin.document.wrtie("<td>"+document.'+objnames[j]+'[i].name+"</td>")');
    }
    owin.document.writeln("</td></table>");
 
}
</script>

运行效果:
all数组里一共有16个元素 HTML HEAD TITLE SCRIPT BODY A A IMG FORM INPUT A FORM INPUT BR INPUT A 
links数组一共有2个元素 
forms数组一共有2个元素 
anchors数组一共有4个元素 

scripts数组一共有1个元素 


转载请注明出处:http://blog.csdn.net/acmman/article/details/47615311

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
利用Object.defineProperty挂接set钩子,监控对象属性的修改事件
利用Object.defineProperty挂接set钩子,监控对象属性的修改事件
9 0
Java编程笔记,spring boot常用属性汇总
  这些属性是否生效取决于对应的组件是否声明为 Spring 应用程序上下文里的 Bean(基本是自动配置的),为一个不生效的组件设置属性是没有用的。
1331 0
java 分解arraylist中单个对象 的属性名与值
引用:http://hi.baidu.com/%CD%F5%C7%E7%CB%EF/blog/item/0791fbc89aa0c7e252664f8d.html /** * 获取对象属性,返回一个字符串数组     *  * @param  o 对象 * @return String[]...
520 0
【JavaScript框架封装】实现一个类似于JQuery的基础框架、事件框架、CSS框架、属性框架、内容框架、动画框架整体架构的搭建
版权声明:本文为博主原创文章,未经博主允许不得转载。更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/details/81055973 ...
871 0
JavaScript轻应用:UI组件的属性配置
之前的文档已经介绍过,轻应用UI主要包含三部分:页面结构(xml文件)、页面样式(css文件)和页面逻辑(js文件),这里主要介绍一下页面结构的组成。
81 0
+关注
光仔december
目前致力于JavaEE(struts/hibernate/spring/MyBatis等框架)、数据库(Mysql/oracle)、静态页面(Html/Css)技术和脚本(JavaSript/JQuery/Ajax)等技术方面的研究
497
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载