JS中document物件的一些重要屬性

2022-08-20 13:45:16 字數 1460 閱讀 4613

forms陣列物件:**網頁中所有form標籤的集合

anchors陣列物件:指定了網頁中所有指定了name或id屬性的標籤的集合,但不包括指定了href標籤的集合

links陣列物件  指所有指定了href屬性的標籤的集合

images陣列物件:指定了文件中所有的

標籤的集合

scripts陣列物件:代表了文件中所有的標籤的集合

all陣列物件:代表所有文件中所有的標籤

stylesheets陣列物件:文件中所有引入的樣式表的集合

body物件:代表文件當中套在標籤對裡面的html子元素,可以作為body物件的屬性來引用

title物件:代表文件中的標籤對,用來設定和引用網頁標籤欄上的內容

forms集合(頁面中的表單)

a)通過集合引用

document.forms //對應頁面上的form標籤

document.forms.length //對應頁面上/formform標籤的個數

document.forms[0] //第1個form標籤

document.forms[i] //第i-1個fform標籤

document.forms[i].length //第i-1個orm中的控制項數

document.forms[i].elements[j] //第i-1個form中第j-1個控制項

b)通過標籤name屬性直接引用

document.myform.myctrl //document.表單名.控制項名

c)訪問表單的屬性

document.forms[i].name //對應第i個form的name屬性

document.forms[i].action //對應第i個form的action屬性

document.forms[i].encoding //對應第i個form的encoding屬性

document.forms[i].target //對應第i個form的target屬性 

images集合(頁面中的圖象)

a)通過集合引用

document.images //對應頁面上的img標籤

document.images.length //對應頁面上img標籤的個數

document.images[0] //第1個img標籤

document.images[i] //第i-1個img標籤

b)通過name屬性直接引用

document.images.oimage 屬性

c)引用的src屬性

document.images.oimage.src 屬性.src

d)建立乙個圖象

同時在頁面上建立乙個img /標籤與之對應就可以顯示

JS中document物件和window物件有什

簡單來說,document是window的乙個物件屬性。window 物件表示瀏覽器中開啟的視窗。如果文件包含框架 frame 或 iframe 標籤 瀏覽器會為 html 文件建立乙個 window 物件,並為每個框架建立乙個額外的 window 物件。所有的全域性函式和物件都屬於window 物...

js裡的document物件大全(DOM操作)

document object model 的簡稱,意思為文件物件模型。主要用來對文件中的html節點進行操作。dom的操作簡單示例 div id t1 div input type file input type button value 刪除 onclick del this div div i...

JS的Document屬性和方法

js的document屬性和方法 document.title 設定文件標題等價於html的title標籤 document.bgcolor 設定頁面背景色 document.fgcolor 設定前景色 文字顏色 document.linkcolor 未點選過的鏈結顏色 document.alink...