您的位置：首页 > Web前端 > JavaScript

【JavaScript】document对象属性

2015-08-13 17:00 573 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航