js--document物件以及方法
阿新 • • 發佈:2019-02-01
document物件
document物件的方法:
write():向html文件中輸入指定的物件。
writeln():向html文件中寫入資料並換行。
open():開啟文件以收集write或者writeln的輸出。
close():關閉open。
creatElement(""):根據指定的標記建立一個html元素。相當於對映。
var newtable=document.createElement("table");//建立一個table標籤物件
newtable.width=200;//給標籤設定屬性
newtable.bacolor="red";//
elementFormPoint(x,y):獲得指定位置處的標籤元素,xy為座標。
getElementById(idname):獲得指定id的html元素。
getElementByName(name):獲得指定名稱的html元素。
getElementByTagName(Tagname):獲得html元素中指定的標籤名稱。Tagname為html元素的標籤名稱。
hasFocus():p判斷物件是否獲得焦點
focus():使指定物件獲得焦點。
document物件的屬性:
alinkcolor:設定或獲取被啟用連結的顏色。
bgColor:設定或獲取文件的背景顏色。
charset:設定解碼字符集。
cookie:設定或讀取cookie資訊。
fgcolor:設定或獲取頁面的前景顏色。
linkColor:設定或獲取文件內未經點選的連結顏色。
protocol:設定或者獲取url的協議部分。
readStyle:獲取物件的當前狀態。
title:設定或獲取文件標題。就是修改title標籤的內容。
URL:設定或者獲取當前文件的url
vlinkColor:設定或者獲取未經點選的連結顏色。
fileSize:獲取檔案的大小.
fileCreateData:獲取檔案的建立日期。
documen.物件的集合:
images集合:網頁中的影象
document.images.name:獲取<img name="name">中的name屬性值。
document.images:對應的<img>標籤。
document.images.length:<img>標籤的個數。
document.images[index]:表示從上到下的第index個標籤,第一個為0,第二個為1.。。
document.images.[1].src:表示引用第2個<img>標籤的src.
forms集合:頁面中的<form>標籤:
document.forms:對應頁面中的<form>標籤。
document.forms.length:<form>標籤的個數。
document.forms[n]:表示從上到下的第index個標籤,第一個為0,第二個為1.。。
document.forms[i].length:表示第i-1個<form>標籤的控制元件的個數。
document.forms[i].controlname[j]:表示第i-1個<form>標籤的第j-1個控制元件。
document.formname.controlname.value:獲取formname(為form標籤的name值)表單的controlname(該控制元件name值)控制元件的value值。
all集合:網頁中的html元素
document.all:length:獲得陣列的大小。
document.all[i]:訪問文件中第i個元素。
document.all[i].taname:文件中第i個元素的標籤名。
links集合:網頁中的所有連線
document.links.length:所有href物件的集合。
document.links[i]:第i個物件。
document.links.name:第i個物件的name值。
anchors集合:獲取所有帶name和id屬性的a的物件的集合。
document.anchor.length:該物件陣列的大小。
document.links[i]:第i個物件。
document.links[i].name或document.links[i].id:第i個物件的name/id值。
body物件:
屬性:
background=“url”:設定背景圖片。
bgProperties=“”:設定圖片是否能夠滾動。空字串,表示背景圖片可以移動,fixed:表示圖片被固定不能滾動。
bottomMargin、leftMargin、rightMargin、topMargin:設定或者獲取邊距。
link:設定或者獲取未經點選的連結顏色。
noWarp:設定或者獲取是否總動換行。
scroll="yes/no":滾動條是否開啟。
scrollLeft:設定或者獲取橫向滾動的距離。
scrollTop:表示縱向滾動的距離。‘
document物件的方法:
write():向html文件中輸入指定的物件。
writeln():向html文件中寫入資料並換行。
open():開啟文件以收集write或者writeln的輸出。
close():關閉open。
creatElement(""):根據指定的標記建立一個html元素。相當於對映。
var newtable=document.createElement("table");//建立一個table標籤物件
newtable.width=200;//給標籤設定屬性
newtable.bacolor="red";//
elementFormPoint(x,y):獲得指定位置處的標籤元素,xy為座標。
getElementById(idname):獲得指定id的html元素。
getElementByName(name):獲得指定名稱的html元素。
getElementByTagName(Tagname):獲得html元素中指定的標籤名稱。Tagname為html元素的標籤名稱。
hasFocus():p判斷物件是否獲得焦點
focus():使指定物件獲得焦點。
document物件的屬性:
alinkcolor:設定或獲取被啟用連結的顏色。
bgColor:設定或獲取文件的背景顏色。
charset:設定解碼字符集。
cookie:設定或讀取cookie資訊。
fgcolor:設定或獲取頁面的前景顏色。
linkColor:設定或獲取文件內未經點選的連結顏色。
protocol:設定或者獲取url的協議部分。
readStyle:獲取物件的當前狀態。
title:設定或獲取文件標題。就是修改title標籤的內容。
URL:設定或者獲取當前文件的url
vlinkColor:設定或者獲取未經點選的連結顏色。
fileSize:獲取檔案的大小.
fileCreateData:獲取檔案的建立日期。
documen.物件的集合:
images集合:網頁中的影象
document.images.name:獲取<img name="name">中的name屬性值。
document.images:對應的<img>標籤。
document.images.length:<img>標籤的個數。
document.images[index]:表示從上到下的第index個標籤,第一個為0,第二個為1.。。
document.images.[1].src:表示引用第2個<img>標籤的src.
forms集合:頁面中的<form>標籤:
document.forms:對應頁面中的<form>標籤。
document.forms.length:<form>標籤的個數。
document.forms[n]:表示從上到下的第index個標籤,第一個為0,第二個為1.。。
document.forms[i].length:表示第i-1個<form>標籤的控制元件的個數。
document.forms[i].controlname[j]:表示第i-1個<form>標籤的第j-1個控制元件。
document.formname.controlname.value:獲取formname(為form標籤的name值)表單的controlname(該控制元件name值)控制元件的value值。
all集合:網頁中的html元素
document.all:length:獲得陣列的大小。
document.all[i]:訪問文件中第i個元素。
document.all[i].taname:文件中第i個元素的標籤名。
links集合:網頁中的所有連線
document.links.length:所有href物件的集合。
document.links[i]:第i個物件。
document.links.name:第i個物件的name值。
anchors集合:獲取所有帶name和id屬性的a的物件的集合。
document.anchor.length:該物件陣列的大小。
document.links[i]:第i個物件。
document.links[i].name或document.links[i].id:第i個物件的name/id值。
body物件:
屬性:
background=“url”:設定背景圖片。
bgProperties=“”:設定圖片是否能夠滾動。空字串,表示背景圖片可以移動,fixed:表示圖片被固定不能滾動。
bottomMargin、leftMargin、rightMargin、topMargin:設定或者獲取邊距。
link:設定或者獲取未經點選的連結顏色。
noWarp:設定或者獲取是否總動換行。
scroll="yes/no":滾動條是否開啟。
scrollLeft:設定或者獲取橫向滾動的距離。
scrollTop:表示縱向滾動的距離。‘