COLGROUP 元素 | colGroup 對象

指定表格中一列或一組列的默認(rèn)屬性。

成員表

下面的表格列出了 colGroup 對象引出的成員。請單擊左側(cè)的標(biāo)簽來選擇你想要查看的成員類型。

標(biāo)簽屬性/屬性

標(biāo)簽屬性	屬性	描述
ALIGN	align	設(shè)置或獲取對象相對于顯示或表格的排列方式。
ATOMICSELECTION		指定元素及其內(nèi)容是否可以一不可見單位統(tǒng)一選擇。
BGCOLOR		設(shè)置對象后面的背景顏色。
	canHaveChildren	獲取表明對象是否可以包含子對象的值。
	canHaveHTML	獲取表明對象是否可以包含豐富的 HTML 標(biāo)簽的值。
CLASS	className	設(shè)置或獲取對象的類。
	clientHeight	獲取對象的高度，不計(jì)算任何邊距、邊框、滾動條或可能應(yīng)用到該對象的補(bǔ)白。
	clientLeft	獲取 offsetLeft 屬性和客戶區(qū)域的實(shí)際左邊之間的距離。
	clientTop	獲取 offsetTop 屬性和客戶區(qū)域的實(shí)際頂端之間的距離。
	clientWidth	獲取對象的寬度，不計(jì)算任何邊距、邊框、滾動條或可能應(yīng)用到該對象的補(bǔ)白。
DIR	dir	設(shè)置或獲取對象的閱讀順序。
	firstChild	獲取對象的 childNodes 集合的第一個子對象的引用。
ID	id	獲取標(biāo)識對象的字符串。
	innerHTML	設(shè)置或獲取位于對象起始和結(jié)束標(biāo)簽內(nèi)的 HTML。
	isContentEditable	獲取表明用戶是否可編輯對象內(nèi)容的值。
	isDisabled	獲取表明用戶是否可與該對象交互的值。
	isMultiLine	獲取表明對象的內(nèi)容是包含一行還是多行的值。
	isTextEdit	獲取是否可使用該對象創(chuàng)建一個 TextRange 對象。
LANG	lang	設(shè)置或獲取要使用的語言。
	lastChild	獲取該對象 childNodes 集合中最后一個子對象的引用。
	nextSibling	獲取對此對象的下一個兄弟對象的引用。
	nodeName	獲取特定結(jié)點(diǎn)類型的名稱。
	nodeType	獲取所需結(jié)點(diǎn)的類型。
	nodeValue	設(shè)置或獲取結(jié)點(diǎn)的值。
	offsetHeight	獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度。
	offsetLeft	獲取對象相對于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置。
	offsetParent	獲取定義對象 offsetTop 和 offsetLeft 屬性的容器對象的引用。
	offsetTop	獲取對象相對于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置。
	offsetWidth	獲取對象相對于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的寬度。
	onOffBehavior	獲取表明指定的 Microsoft® DirectAnimation® 行為是否正在運(yùn)行的對象。
	outerHTML	設(shè)置或獲取對象及其內(nèi)容的 HTML 形式。
	ownerDocument	設(shè)置或獲取結(jié)點(diǎn)關(guān)聯(lián)的 document 對象。
	parentElement	獲取對象層次中的父對象。
	parentNode	獲取文檔層次中的父對象。
	parentTextEdit	獲取文檔層次中可用于創(chuàng)建包含原始對象的 TextRange 的容器對象。
	previousSibling	獲取對此對象的上一個兄弟對象的引用。
	readyState	獲取對象的當(dāng)前狀態(tài)。
	scopeName	獲取為該元素定義的命名空間。
	scrollHeight	獲取對象的滾動高度。
	scrollLeft	設(shè)置或獲取位于對象左邊界和窗口中目前可見內(nèi)容的最左端之間的距離。
	scrollTop	設(shè)置或獲取位于對象最頂端和窗口中可見內(nèi)容的最頂端之間的距離。
	scrollWidth	獲取對象的滾動寬度。
	sourceIndex	獲取對象在源序中的依次位置，即對象出現(xiàn)在 document 的 all 集合中的順序。
SPAN	span	設(shè)置或獲取組中的列數(shù)。
STYLE		為該設(shè)置元素設(shè)置內(nèi)嵌樣式。
	tagName	獲取對象的標(biāo)簽名稱。
	tagUrn	設(shè)置或獲取在命名空間聲明中指定的統(tǒng)一資源名稱(URN)。
	uniqueID	獲取為對象自動生成的唯一標(biāo)識符。
VALIGN	vAlign	設(shè)置或獲取文本和其它內(nèi)容在對象內(nèi)的垂直方向上如何排列。
WIDTH	width	設(shè)置或獲取對象的寬度。

行為

行為	描述
clientCaps	提供關(guān)于 Internet Explorer 支持的特性的信息，以及提供即用即裝的方法。
download	下載文件并在下載完成后通知一個指定的回調(diào)函數(shù)。
homePage	包含關(guān)于用戶主頁的信息。

集合

集合	描述
all	返回對象所包含的元素集合的引用。
attributes	獲取對象標(biāo)簽屬性的集合。
behaviorUrns	返回標(biāo)識附加到該元素行為的統(tǒng)一資源名稱(URN)字符串的集合。
childNodes	獲取作為指定對象直接后代的 HTML 元素和 TextNode 對象的集合。
children	獲取作為對象直接后代的 DHTML 對象的集合。

事件

事件	描述
onreadystatechange	當(dāng)對象狀態(tài)變更時觸發(fā)。

方法

方法	描述
addBehavior	給元素附加一個行為。
appendChild	給對象追加一個子元素。
applyElement	使得元素成為其它元素的子元素或父元素。
attachEvent	將指定函數(shù)綁定到事件，以便每當(dāng)該事件在對象上觸發(fā)時都調(diào)用該函數(shù)。
clearAttributes	從對象中刪除全部標(biāo)簽屬性和值。
cloneNode	從文檔層次中復(fù)制對對象的引用。
componentFromPoint	通過特定事件返回對象在指定坐標(biāo)下的位置。
contains	檢查對象中是否包含給定元素。
detachEvent	從事件中取消指定函數(shù)的綁定，這樣當(dāng)事件觸發(fā)時函數(shù)就不會收到通知了。
fireEvent	觸發(fā)對象的指定事件。
getAdjacentText	返回鄰接文本字符串。
getAttribute	獲取指定標(biāo)簽屬性的值。
getAttributeNode	獲取由 attribute.name 屬性引用的 attribute 對象。
getBoundingClientRect	獲取指定 TextRectangle 對象集合綁定的對象。
getClientRects	獲取描述對象內(nèi)容或客戶區(qū)內(nèi)布局的矩形集合。每個矩形都描述了一條直線。
getElementsByTagName	獲取基于指定元素名稱的對象集合。
getExpression	獲取給定屬性的表達(dá)式。
hasChildNodes	返回表明對象是否有子對象的值。
insertAdjacentElement	在指定位置插入元素。
insertBefore	在文檔層次中插入元素。
mergeAttributes	復(fù)制所有讀/寫標(biāo)簽屬性到指定元素。
normalize	合并鄰接 TextNode 對象以便生成一個常規(guī)的文檔對象模型。
removeAttribute	刪除對象的給定標(biāo)簽屬性。
removeAttributeNode	從對象中刪除刪除 attribute 對象。
removeBehavior	分離元素的行為。
removeChild	從元素上刪除子結(jié)點(diǎn)。
removeExpression	從指定屬性中刪除表達(dá)式。
removeNode	從文檔層次中刪除對象。
replaceAdjacentText	替換元素的鄰接文本。
replaceChild	用新的子元素替換已有的子元素。
replaceNode	用其它元素替換對象。
scrollIntoView	將對象滾動到可見范圍內(nèi)，將其排列到窗口頂部或底部。
setAttribute	設(shè)置指定標(biāo)簽屬性的值。
setAttributeNode	設(shè)置 attribute 對象為對象的一部分。
setExpression	設(shè)置指定對象的表達(dá)式。
swapNode	交換文檔層次中兩個對象的位置。

對象

對象	描述
currentStyle	代表了在全局樣式表、內(nèi)嵌樣式和 HTML 標(biāo)簽屬性中指定的對象格式和樣式。
runtimeStyle	代表了居于全局樣式表、內(nèi)嵌樣式和 HTML 標(biāo)簽屬性指定的格式和樣式之上的對象的格式和樣式。
style	代表了給定元素所有可能的內(nèi)嵌樣式的當(dāng)前設(shè)置。

樣式

樣式標(biāo)簽屬性	樣式屬性	描述
background	background	設(shè)置或獲取對象最多五個獨(dú)立的背景屬性。
background-attachment	backgroundAttachment	設(shè)置或獲取背景圖像如何附加到文檔內(nèi)的對象中。
background-color	backgroundColor	設(shè)置或獲取對象內(nèi)容后的顏色。
background-image	backgroundImage	設(shè)置或獲取對象的背景圖像。
background-position	backgroundPosition	設(shè)置或獲取對象背景的位置。
background-position-x	backgroundPositionX	設(shè)置或獲取 backgroundPosition 屬性的 x 坐標(biāo)。
background-position-y	backgroundPositionY	設(shè)置或獲取 backgroundPosition 屬性的 y 坐標(biāo)。
background-repeat	backgroundRepeat	設(shè)置或獲取對象的 backgroundImage 屬性如何平鋪。
behavior	behavior	設(shè)置或獲取 DHTML 行為的位置。
clear	clear	設(shè)置或獲取對象是否允許在其左側(cè)、右側(cè)或兩邊放置浮動對象，以防下段文本顯示在浮動對象上。
color	color	設(shè)置或獲取對象文本的顏色。
cursor	cursor	設(shè)置或獲取當(dāng)鼠標(biāo)指針指向對象時所使用的鼠標(biāo)指針。
direction	direction	設(shè)置或獲取對象的閱讀順序。
display	display	設(shè)置或獲取對象是否要渲染。
font	font	設(shè)置或獲取對象最多六個獨(dú)立的字體屬性。
font-family	fontFamily	設(shè)置或獲取對象文本所使用的字體名稱。
font-size	fontSize	設(shè)置或獲取對象文本使用的字體大小。
font-style	fontStyle	設(shè)置或獲取對象的字體樣式，如斜體、常規(guī)或傾斜。
font-variant	fontVariant	設(shè)置或獲取對象文本是否以小型大寫字母顯示。
font-weight	fontWeight	設(shè)置或獲取對象的字體寬度。
layout-grid	layoutGrid	設(shè)置或獲取指定文本字符版面的組合文檔格線屬性。
layout-grid-mode	layoutGridMode	設(shè)置或獲取文本布局網(wǎng)格是否使用二維。
letter-spacing	letterSpacing	設(shè)置或獲取對象的字符間附加空間的總和。
line-height	lineHeight	設(shè)置或獲取對象兩行間的距離。
overflow	overflow	設(shè)置或獲取表明當(dāng)內(nèi)容超出對象高度或?qū)挾葧r如何管理對象內(nèi)容的值。
padding	padding	設(shè)置或獲取要在對象和其邊距或若存在的邊框的話就是對象和其邊框之間要插入的全部空間。
padding-bottom	paddingBottom	設(shè)置或獲取要在對象下邊框和內(nèi)容之間插入的空間總量。
padding-left	paddingLeft	設(shè)置或獲取要在對象左邊框和內(nèi)容之間插入的空間總量。
padding-right	paddingRight	設(shè)置或獲取要在對象右邊框和內(nèi)容之間插入的空間總量。
padding-top	paddingTop	設(shè)置或獲取對象上邊框和內(nèi)容之間插入的空間總量。
	pixelBottom	設(shè)置或獲取對象的下方位置。
	pixelHeight	設(shè)置或獲取對象的高度。
	pixelLeft	設(shè)置或獲取對象的左側(cè)位置。
	pixelRight	設(shè)置或獲取對象的右側(cè)位置。
	pixelTop	設(shè)置或獲取對象的上方位置。
	pixelWidth	設(shè)置或獲取對象的寬度。
	posBottom	設(shè)置或獲取以 bottom 標(biāo)簽屬性指定的單位的對象下方位置。
	posHeight	設(shè)置或獲取以 height 標(biāo)簽屬性指定的單位的對象高度。
	posLeft	設(shè)置或獲取以 left 標(biāo)簽屬性指定的單位的對象左側(cè)位置。
	posRight	設(shè)置或獲取以 right 標(biāo)簽屬性指定的單位的對象右側(cè)位置。
	posTop	設(shè)置或獲取以 top 標(biāo)簽屬性指定的單位的對象上方位置。
	posWidth	設(shè)置或獲取以 width 標(biāo)簽屬性指定的單位的對象寬度。
text-autospace	textAutospace	設(shè)置或獲取自動留空和文本的窄空間寬度調(diào)整。
text-decoration	textDecoration	設(shè)置或獲取對象中的文本是否有閃爍、刪除線、上劃線或下劃線的樣式。
	textDecorationBlink	設(shè)置或獲取表明對象的 textDecoration 屬性是否含有有“blink”的 Boolean 值。
	textDecorationLineThrough	設(shè)置或獲取表明對象內(nèi)的文本是否有刪除線的 Boolean 值。
	textDecorationNone	設(shè)置或獲取表明對象的 textDecoration 屬性是否設(shè)置為 none 的 Boolean 值。
	textDecorationOverline	設(shè)置或獲取表明對象中的文本是否有上劃線的 Boolean 值。
	textDecorationUnderline	設(shè)置或獲取對象中的文本是否有下劃線的 Boolean 值。
text-transform	textTransform	設(shè)置或獲取對象中文本的渲染方式。
text-underline-position	textUnderlinePosition	設(shè)置或獲取對象的 textDecoration 屬性中設(shè)置的下劃線的位置。
unicode-bidi	unicodeBidi	設(shè)置或獲取關(guān)于雙向法則的嵌入級別。
visibility	visibility	設(shè)置或獲取對象的內(nèi)容是否顯示。
word-spacing	wordSpacing	設(shè)置或獲取對象中單詞間的附加空間總量。
z-index	zIndex	設(shè)置或獲取定位對象的堆疊次序。
zoom	zoom	設(shè)置或獲取對象的放大比例。

注釋

嵌套的 COL 屬性將覆蓋 COLGROUP 屬性。

使用 span 屬性可以指定 COLGROUP 定義的表格列數(shù)。該屬性的默認(rèn)值為 1。

COL 元素可以出現(xiàn)在 COLGROUP 元素之外，這兩個元素可用于類似的目的。但是，你必須使用 COLGROUP 元素來決定表格內(nèi)部分隔線(規(guī)則)應(yīng)該處于的位置。本頁的第一個例子演示了此技術(shù)。

若在 COLGROUP 中嵌套了 COL 元素則應(yīng)該避免在 COLGROUP 中使用 span 標(biāo)簽屬性。這是因?yàn)閷儆谇短椎?COL 元素的 span 標(biāo)簽屬性將覆蓋 COLGROUP 元素中的標(biāo)簽屬性。這可能引起代碼的混亂及可能并非所愿的結(jié)果。在下面的第二個例子中演示了這一特性。

TABLE 對象及其關(guān)聯(lián)元素有一個獨(dú)立的表格對象模型，該模式給出了不同于常規(guī)對象模型的實(shí)用方法。要獲得關(guān)于表格對象模型更多的信息，請參看如何動態(tài)生成表格。

此元素在 Microsoft^® Internet Explorer 3.0 的 HTML 中可用，在 Internet Explorer 4.0 的腳本中可用。

此元素是塊元素。

此元素需要關(guān)閉標(biāo)簽。

示例

下面的例子使用了 COLGROUP 元素指定表格中兩組列的特征。

<HTML>
<BODY>
<TABLE BORDER="2" RULES="groups">
<!-- 規(guī)則設(shè)定為“groups”，這將在由 COLGROUP 定義的
表格列周圍放置內(nèi)部分隔線。 -->
<COLGROUP SPAN="2" STYLE="color:red">
</COLGROUP>
<COLGROUP STYLE="color:blue">
</COLGROUP>
<TR>
<TD>此列位于第一組。</TD>
<TD>此列位于第一組。</TD>
<TD>此列位于第二組。</TD>
</TR>
<TR>
<TD>此列位于第一組。</TD>
<TD>此列位于第一組。</TD>
<TD>此列位于第二組。</TD>
</TR>
</TABLE>
</BODY>
</HTML>

此特性需要 Microsoft^® Internet Explorer 4.0 或以后版本。請單擊下面的圖標(biāo)安裝最新版本。然后重新裝入此頁再查看示例。

若在 COLGROUP 中嵌套了 COL 元素，COL 元素的標(biāo)簽屬性將覆蓋 COLGROUP 元素的標(biāo)簽屬性。下面的例子演示了這一點(diǎn)。

<HTML>
<BODY>
<TABLE BORDER="2">
<COLGROUP SPAN="3" STYLE="color:gren;background:black">
<!-- 樣式僅應(yīng)用于前兩列，而不是所有的三列，而且字
體是紅色而不是綠色。這是 COL 元素的標(biāo)簽屬性導(dǎo)致的。 -->
<COL STYLE="color:red">
</COLGROUP>
<TR>
<TD>此列位于第一組。</TD>
<TD>此列位于第一組。</TD>
<TD>此列位于第二組。</TD>
</TR>
<TR>
<TD>此列位于第一組。</TD>
<TD>此列位于第一組。</TD>
<TD>此列位于第二組。</TD>
</TR>
</TABLE>
</BODY>
</HTML>

此特性需要 Microsoft^® Internet Explorer 5.5 或以后版本。請單擊下面的圖標(biāo)安裝最新版本。然后重新裝入此頁再查看示例。

標(biāo)準(zhǔn)信息

此對象定義在 HTML 4.0  中。

參看

col