javascript sort table & merge same column
˵Ã÷£º
appendChild()
ÎÒ²âÊԵĽá¹û£º
1 appendChild() ±í¸ñÖÐËùÓÐÐÐÑ»·ÉÏÒÆÒ»ÐÐºó£¬ ÓÃеģ¨ÐУ©Ìæ»»ÁË ±í¸ñµÄÄ©ÐÐ £»Ï൱ÓÚÌæ»»Á˱í¸ñµÄµÚÒ»ÐУ¬²¢Ñ»·ÉÏÒÆÒ»ÐÐ
2 ²»¸Ä±ä ±í¸ñµÄ×Ü ÐÐÊý
insertRow()
1 insertRow() ÔÚ±í¸ñÖвåÈëÒ»ÐУ¬±í¸ñ×ÜÐÐÊéÔöÒ»
2 insertRow(index) index=0 , ÔÚ±íÍ·Ôö¼Ó£¬ index=-1, ÔÚ±íβÔö¼Ó¡£
deleteRow()
1 deleteRow(0) ɾ³ý±íÍ·µÚÒ»ÐУ¬ µÚ¶þÐбäΪµÚÒ»ÐУ» Òò´Ëɾ³ý±íͷǰnÐУ¬¿ÉÒÔÑ»·n´Îµ÷ÓÃdeleteRow(0)
Example: Sort table & Merge same Column
1¡£ Break Table: ±éÀú±í¸ñ£¬Èç¹ûÅÅÐòÁÐ µÄijTD°üº¬¶à¸öÖµ£¬ ÐèÒª²ð·ÖΪ¶àÐУ¨Ê¹ÓÃinsertRow(-1)£» index=-1ÊÇÒòΪ±ãÀû¹ý³ÌʹÓÃÔÓбí¸ñµÄÐÐÊý½øÐбéÀú£¬ÈôÔÚ±íÍ·²åÈëÐÐÔò±éÀúʧЧ£©
2¡£ Sort Table£º
a,½«±í¸ñÖеĴúÅÅÐòÐб£´æµ½Êý×éArrayOrigÖУ¬
b: ÅÅÐòÊý×éArrayOrig
c:±éÀúÊý×éArrayOrig£¬ºÏ²¢ÏàͬÁУ¬Éú³ÉArrayDest£¨×¢ÒâºÏ²¢¹ý³ÌÖÐÐèÒª±£Ö¤×´Ì¬£¬ÊôÐÔ·ûºÏÐèÇó£©
d: ±éÀúArrayDest£¬Ê¹ÓÃappendChild() Ìí¼Óµ½±í¸ñÖС£
3¡£ Delete Table£º ÒòΪappendChild()²»»á¸Ä±ä±í¸ñÐÐÊý£¬Òò´ËÊÊÓà count=ArrayOrig.length - ArrayDest.length Ñ»·µ÷ÓÃdeleteRow(0)ɾ³ý±íǰcountÐÐ
ÒÔÏÂΪ ÍøÉÏµÄ Ò»Ð©×ÊÁÏ£º
http://zxjava.javaeye.com/blog/193926
1¡¢inserRow()ºÍinsertCell()º¯Êý
insertRow(index)£ºindex´Ó0¿ªÊ¼
Õâ¸öº¯Êý½«ÐÂÐÐÌí¼Óµ½indexµÄÄÇÒ»ÐÐǰ£¬±ÈÈçinsertRow(0),Êǽ«ÐÂÐÐÌí¼Óµ½µÚÒ»ÐÐ֮ǰ¡£Ä¬ÈϵÄinsertRow()º¯ÊýÏ൱ÓÚ insertRow(-1)£¬½«ÐÂÐÐÌí¼Óµ½±íµÄ×îºó¡£Ò»°ãÎÒÃÇÔÚʹÓõÄʱºò¶¼ÊÇ£ºobjTable.insertRow(objTable.rows.length).¾ÍÊÇΪ±í¸ñobjTableÔÚ×îºóÐÂÔöÒ»ÐС£
insertCell()ºÍinsertRowµÄÓ÷¨Ïàͬ£¬ÕâÀï¾Í²»ÔÙ˵ÁË¡£
2¡¢deleteRow()ºÍdeleteCell()·½·¨
deleteRow(index)£ºindex´Ó0¿ªÊ¼
ɾ³ýÖ¸¶¨Î»ÖõÄÐк͵¥Ôª¸ñ¡£Òª´«ÈëµÄ²ÎÊý£ºIndexÊÇÐÐÔÚ±í¸ñÖеÄλÖ㬿ÉÒÔÏÂÃæµÄ·½·¨È¡µÃÈ»ºóȥɾ³ý£º
var row=document.getElementById("Row_Id");
var index=row.rowIndex;
objTable.deleteRow(index);
ɾ³ý±í¸ñµÄÐеÄʱºò£¬Èç¹ûÄãɾ³ýÁËijһÐУ¬ÄÇô±í¸ñÐÐÊýÊÇÂíÉϾͱ仯µÄ£¬ËùÒÔÈç¹ûÄãҪɾ³ý±í¸ñµÄËùÓÐÐУ¬ÏÂÃæµÄ´úÂëÊÇ´íÎóµÄ£º
function clearRow(){
objTable= document.getElementById("myTable");
for( var i=1; i<objTable.rows.length ; i++ )
{
tblObj.deleteRow(i);
}
}
Õâ¶Î´úÂëҪɾ³ý
Ïà¹ØÎĵµ£º
ÓÃjquery-1.2.3×ö¹ý¼¸¸öÓ¦ÓÃ,¾õµÃºÜºÃÓÃ. Õâô¿ì,1.4°æÓÖ·¢²¼ÁË,À´×ÔcsdnµÄ±¨µÀ:
CSDN±¨µÀ À´×Ôjquery¹Ù·½ÍøÕ¾µÄÏûÏ¢£¬Ä¿Ç°×îÁ÷ÐеÄJavaScript/Ajax¿âjQueryа汾1.4ÒѾ·¢²¼£¬ÎªjQueryÏîÄ¿4ÖÜÄê14ÌìÇì×£ËÍÉÏÒ»·Ý´óÀñ¡£
1.4µÄѹËõ°æÖ»ÓÐ23K£¬Î´Ñ¹Ëõ°æ154K¡£´ËÍ⣬GoogleÒ²ÔÚ×Ô¼ºµÄ·þÎñÆ÷ÉÏÌṩÁ˸±±¾£¬×÷ΪGoogle Ajax A ......
±Õ°ü£¨closure£©ÊÇJavascriptÓïÑÔµÄÒ»¸öÄѵ㣬ҲÊÇËüµÄÌØÉ«£¬ºÜ¶à¸ß¼¶Ó¦Óö¼ÒªÒÀ¿¿±Õ°üʵÏÖ¡£
ÏÂÃæ¾ÍÊÇÎÒµÄѧϰ±Ê¼Ç£¬¶ÔÓÚJavascript³õѧÕßÓ¦¸ÃÊǺÜÓÐÓõġ£
Ò»¡¢±äÁ¿µÄ×÷ÓÃÓò
ÒªÀí½â±Õ°ü£¬Ê×ÏȱØÐëÀí½âJavascriptÌØÊâµÄ±äÁ¿×÷ÓÃÓò¡£
±äÁ¿µÄ×÷ÓÃÓòÎ޷ǾÍÊÇÁ½ÖÖ£ºÈ«¾Ö±äÁ¿ºÍ¾Ö²¿±äÁ¿¡£
JavascriptÓïÑÔµÄÌØÊâÖ®´¦£¬¾ÍÔÚÓ ......
ÒÔÏÂÊÇjavaScriptÖеÄStringʹÓ÷½·¨£º
String Àà Attribute and method
anchor() ´´½¨Ò»¸ö<a>±êÇ©µÄʵÀý£¬½«ÆänameÊôÐÔÉèÖÃΪ±»´«µÝ¸ø´Ë·½·¨µÄ×Ö·û´®
big() & ......
ÉùÃ÷:Õâ¸öÊÇÍøÉϵÄ×ÊÁÏ,²»¹ýÎÒÔںܴó³Ì¶ÈÉϽøÐÐÁË×Ô¼ºµÄ˵Ã÷½éÉÜ,Ï£Íû´ó¼Ò»áϲ»¶¿´
1.document.write("Êä³öÄÚÈÝ");ΪÊä³öÓï¾ä
2.JSÖеÄ×¢ÊÍΪµ¥ÐÐ//ºÍ¶àÐÐ/**/
3.´«Í³µÄHTMLÎĵµË³ÐòÊÇ:document->html->(head,body)
4.Ò»¸öä¯ÀÀÆ÷´°¿ÚÖеÄDOM˳ÐòÊÇ:window->(navigator,screen,history,location,docume ......
1.ÎÞÌáʾˢÐÂÍøÒ³
´ó¼ÒÓÐûÓз¢ÏÖ£¬ÓÐÐ©ÍøÒ³£¬Ë¢ÐµÄʱºò£¬»áµ¯³öÒ»¸öÌáʾ´°¿Ú£¬µã“È·¶¨”²Å»áˢС£
¶øÓеÄÒ³Ãæ²»»áÌáʾ£¬²»µ¯³öÌáʾ´°¿Ú£¬Ö±½Ó¾ÍË¢ÐÂÁË.
Èç¹ûÒ³ÃæÃ»ÓÐform£¬Ôò²»»áµ¯³öÌáʾ´°¿Ú¡£Èç¹ûÒ³ÃæÓÐform±íµ¥
a)<
form method="post" ...> »áµ¯³öÌáʾ´°¿Ú
b)< form method="get" ...& ......