【JavaScript】document物件屬性
阿新 • • 發佈:2019-02-02
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程式碼:
在checkall()方法裡,我們會開啟一個新的文件視窗,
顯示上面各類html標籤的統計資訊:
執行效果:
all數組裡一共有16個元素 HTML HEAD TITLE SCRIPT BODY A A IMG FORM INPUT A FORM INPUT BR INPUT A
links陣列一共有2個元素
forms陣列一共有2個元素
anchors陣列一共有4個元素
在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個元素