HTMLTableElement
åºçº¿
广æ³å¯ç¨
*
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
* æ¤ç¹æ§çæäºé¨åçæ¯æç¨åº¦å¯è½ææä¸åã
HTMLTableElement æ¥å£æä¾äºç¹æ®å±æ§åæ¹æ³ï¼é¤ç»§æ¿èªå¸¸è§ HTMLElement 对象æ¥å£çåè½å¤ï¼ï¼ç¨äºæä½ HTML ææ¡£ä¸è¡¨æ ¼çå¸å±ä¸åç°ææã
屿§
ç»§æ¿èªç¶æ¥å£ HTMLElementã
HTMLTableElement.caption-
表示该å ç´ é¦ä¸ªåå ç´
<caption>çHTMLTableCaptionElement对象ï¼è¥æªæ¾å°åè¿ånullãå½è®¾ç½®æ¤å±æ§æ¶ï¼è¥å¯¹è±¡ä¸ä»£è¡¨<caption>å ç´ ï¼åæåºå称为HierarchyRequestErrorçDOMExceptionå¼å¸¸ãè¥æä¾æ£ç¡®ç对象ï¼åå°å ¶æå ¥æ ä¸ä½ä¸ºè¯¥å ç´ çé¦ä¸ªåå ç´ ï¼åæ¶ç§»é¤æ ä¸è¯¥å ç´ çé¦ä¸ª<caption>åå ç´ ï¼è¥åå¨ï¼ã HTMLTableElement.tHead-
表示该å ç´ é¦ä¸ªåå ç´
<thead>çHTMLTableSectionElement对象ï¼è¥æªæ¾å°åè¿ånullãå½è®¾ç½®æ¤å±æ§æ¶ï¼è¥å¯¹è±¡ä¸ä»£è¡¨<thead>å ç´ ï¼åæåºå称为HierarchyRequestErrorçDOMExceptionå¼å¸¸ãè¥æä¾æ£ç¡®ç对象ï¼åå°å ¶æå ¥æ ç»æä¸ï¼è¥å卿¢é<caption>ä¹é<colgroup>çé¦ä¸ªå ç´ ï¼åç½®äºè¯¥å ç´ ä¹åï¼è¥ä¸å卿¤ç±»å ç´ ï¼åä½ä¸ºæåä¸ä¸ªåå ç´ æå ¥ãåæ¶ï¼è¥åå¨è¯¥å ç´ çé¦ä¸ªåå ç´ ä¸º<thead>ï¼åå°å ¶ä»æ ç»æä¸ç§»é¤ã HTMLTableElement.tFoot-
表示该å ç´ é¦ä¸ªåå ç´
<tfoot>çHTMLTableSectionElement对象ï¼è¥æªæ¾å°åè¿ånullãå½è®¾ç½®æ¤å±æ§æ¶ï¼è¥å¯¹è±¡ä¸ä»£è¡¨<tfoot>å ç´ ï¼åæåºå称为HierarchyRequestErrorçDOMExceptionå¼å¸¸ãè¥æä¾æ£ç¡®ç对象ï¼åå°å ¶æå ¥æ ç»æä¸ï¼ä½ç½®ç´§é»é¦ä¸ªæ¢é<caption>ã<colgroup>ä¸é<thead>çå ç´ ä¹åæå ¥æ ä¸ï¼è¥ä¸å卿¤ç±»å ç´ ï¼åä½ä¸ºæåä¸ä¸ªåå ç´ æå ¥ãåæ¶ï¼è¥åå¨è¯¥å ç´ çé¦ä¸ªåå ç´ ä¸º<tfoot>ï¼åå°å ¶ä»æ ç»æä¸ç§»é¤ã HTMLTableElement.rowsåªè¯»-
è¿åä¸ä¸ªå å«å ç´ ææè¡ï¼å³è¯¥å ç´ çææ
<tr>åå ç´ ï¼æå ¶æä¸ª<thead>ã<tbody>æ<tfoot>å ç´ çåå ç´ ï¼ç宿¶HTMLCollectionã<thead>çè¡æåææ ç»æé¡ºåºä¼å åç°ï¼<tbody>çè¡æåææ ç»æé¡ºåºæååç°ã该HTMLCollectionä¸ºå®æ¶éåï¼å½HTMLTableElementåçåæ´æ¶ä¼èªå¨æ´æ°ã HTMLTableElement.tBodiesåªè¯»-
è¿åä¸ä¸ªå®æ¶ç
HTMLCollectionï¼å®å å«å ç´ ä¸ææç<tbody>ã该HTMLCollectionä¸ºå®æ¶éåï¼å½HTMLTableElementåçåæ´æ¶ä¼èªå¨æ´æ°ã
è¿æ¶ç屿§
è¦åï¼ä»¥ä¸å±æ§å·²ç»è¿æ¶ï¼åºå½é¿å 使ç¨å®ä»¬ã
HTMLTableElement.align-
å 嫿䏾å¼çå符串ï¼åæ äº
align屿§ãå®è¡¨ç¤ºå ç´ å 容ç¸å¯¹äºå¨å´ç¯å¢ç坹齿¹å¼ãå¯è½ç弿"left"ã"right"å"center"ã HTMLTableElement.bgColor-
å å«åå æ ¼èæ¯é¢è²çå符串ãå®åæ å·²è¿æ¶ç
bgColor屿§ã HTMLTableElement.border-
å å«è¡¨æ ¼è¾¹æ¡åç´ å®½åº¦çå符串ãå®åæ å·²è¿æ¶ç
border屿§ã HTMLTableElement.cellPadding-
å å«è¡¨æ ¼è¾¹æ¡åç´ å®½åº¦çå符串ãå®åæ å·²è¿æ¶ç
cellpadding屿§ã HTMLTableElement.cellSpacing-
å å«åå æ ¼å 容ä¸åå æ ¼è¾¹æ¡ä¹é´æ°´å¹³ååç´é´è·åç´ å®½åº¦çå符串ãå®åæ å·²è¿æ¶ç
cellspacing屿§ã HTMLTableElement.frame-
å å«è¡¨ç¤ºè¡¨æ ¼å¤é¨è¾¹æ¡ç±»åçå符串ãå®åæ å·²è¿æ¶ç
frame屿§ï¼å¯åå¼ä¸ºä»¥ä¸ä¹ä¸ï¼"void"ã"above"ã"below"ã"hsides"ã"vsides"ã"lhs"ã"rhs"ã"box"æ"border"ã HTMLTableElement.rules-
å å«è¡¨æ ¼å é¨è¾¹æ¡ç±»åçå符串ãå®åæ å·²è¿æ¶ç
rules屿§ï¼å¯åå¼ä¸ºä»¥ä¸ä¹ä¸ï¼"none"ã"groups"ã"rows"ã"cols"æ"all"ã HTMLTableElement.summary-
å å«è¡¨æ ¼ç¨éæç»ææè¿°çå符串ãå®åæ å·²è¿æ¶ç
summary屿§ã HTMLTableElement.width-
å 嫿´ä¸ªè¡¨æ ¼ææå®½åº¦ï¼ä»¥åç´ æç¾åæ¯ä¸ºåä½ï¼çå符串ãå®åæ å·²è¿æ¶ç
width屿§ã
æ¹æ³
ç»§æ¿èªç¶æ¥å£ HTMLElementã
HTMLTableElement.createTHead()-
è¿å表示åå ç´ ä¸ç第ä¸ä¸ª
<thead>çHTMLTableSectionElementã妿æ¾ä¸å°è¯¥å ç´ ï¼åå建ä¸ä¸ªæ°çå¹¶ä¸ç«å³æå ¥å° DOM æ 䏿¢ä¸æ¯<caption>ä¹ä¸æ¯<colgroup>ç第ä¸ä¸ªå ç´ ä¹åï¼æè ç´æ¥è¢«ä½ä¸ºæåä¸ä¸ªå ç´ æå ¥ï¼å¦ææ¾ä¸å°ä¸è¿°å ç´ çè¯ï¼ã HTMLTableElement.deleteTHead()-
ç§»é¤åå ç´ ä¸ç第ä¸ä¸ª
<thead>ã HTMLTableElement.createTFoot()-
è¿å表示åå ç´ ä¸ç第ä¸ä¸ª
<tfoot>çHTMLTableSectionElementã妿æ¾ä¸å°è¯¥å ç´ ï¼åå建ä¸ä¸ªæ°çå¹¶ä¸ç«å³æå ¥å° DOM æ 䏿¢ä¸æ¯<caption>ã<colgroup>ä¹ä¸æ¯<thead>ç第ä¸ä¸ªå ç´ ä¹åï¼æè ç´æ¥è¢«ä½ä¸ºæåä¸ä¸ªå ç´ æå ¥ï¼å¦ææ¾ä¸å°ä¸è¿°å ç´ çè¯ï¼ã HTMLTableElement.deleteTFoot()-
ç§»é¤åå ç´ ä¸ç第ä¸ä¸ª
<tfoot>ã HTMLTableElement.createTBody()-
è¿å表示åå ç´ ä¸ç第ä¸ä¸ª
<tbody>çHTMLTableSectionElementã该å ç´ å°æå ¥å°æ ç»æä¸ï¼ä½äºæåä¸ä¸ª<tbody>å ç´ ä¹åï¼è¥ä¸å卿¤ç±»å ç´ ï¼åä½ä¸ºæåä¸ä¸ªåå ç´ æå ¥ã HTMLTableElement.createCaption()-
è¿å表示åå ç´ ä¸ç第ä¸ä¸ª
<caption>çHTMLElementã妿æ¾ä¸å°è¯¥å ç´ ï¼åå建ä¸ä¸ªæ°çå¹¶ä¸æå ¥å° DOM æ ä¸ä½ä¸º<table>ç第ä¸ä¸ªåå ç´ ã HTMLTableElement.deleteCaption()-
ç§»é¤åå ç´ ä¸ç第ä¸ä¸ª
<caption>ã HTMLTableElement.insertRow()-
è¿åè¡¨ç¤ºè¡¨æ ¼ä¸çä¸ä¸ªæ°è¡ç
HTMLTableRowElementãå®ä¼è¢«ç«å³æå ¥å°è¡éåä¸ç»å®indexä½ç½®æè¡¨ç¤ºç<tr>å ç´ ä¹åã妿æå¿ è¦ä¸ä¸ª<tbody>ä¼è¢«å建ã妿indexå¼ä¸º-1ï¼è¿ä¸ªæ°è¡ä¼è¢«è¿½å å°éåä¸ã妿indexå¼å°äº-1æè 大äºéåä¸çè¡æ»æ°ï¼å伿åºå¼ä¸ºIndexSizeErrorçDOMExceptionå¼å¸¸ã HTMLTableElement.deleteRow()-
ç§»é¤ä¸åæ°ä¸ç»å®
indexå¼ç¸å ³çè¡ã妿indexå¼ä¸º-1ï¼æåä¸è¡ä¼è¢«ç§»é¤ï¼å¦æindexå¼å°äº-1æè 大äºéåä¸çè¡æ»æ°ï¼å伿åºå¼ä¸ºIndexSizeErrorçDOMExceptionå¼å¸¸ã
è§è
| è§è |
|---|
| HTML > # htmltableelement > |
æµè§å¨å ¼å®¹æ§
åè§
- å®ç°äºè¿ä¸ªæ¥å£ç HTML å
ç´ ï¼
<table>ã