国家aaa的一级看片,精品人人,91大片

javascript表格內(nèi)移動上下列，可以做成ajax加上動態(tài)程序做成上下移動順序

深山工作室 2011/7/13 21:49:40 深山行者字體:大中小瀏覽 15395

以下為詳細代碼

<div id="tableTest">
</div>
<script language="JavaScript" type="text/javascript">
<!--
//獲取容器div的引用
var container=document.getElementById("tableTest");
//創(chuàng)建表格對象
var _table=document.createElement("table");

//設(shè)置表格屬性
_table.setAttribute("border","1");
_table.setAttribute("borderColor","black");
_table.setAttribute("width","200");

//創(chuàng)建5行
for(var i=0;i<5;i++){
var _tr=_table.insertRow(i);

//創(chuàng)建4列
for(var j=0;j<4;j++){
var _td=_tr.insertCell(j);
var _tn=document.createTextNode(i.toString()+j.toString());
_td.appendChild(_tn);
}
}
//將表格顯示于頁面
container.appendChild(_table);
//-->
</script>

二、添加、刪除行與列：利用deleteRow()和deleteCell()方法
程序代碼
<script language="JavaScript" type="text/javascript">
<!--
//獲得表格對象
var _table=document.getElementById("table1");

//定義函數(shù)，用于刪除第一行
function deleteRow(){
_table.deleteRow(0);
}
//定義函數(shù)，用于刪除第一列
function deleteColumn(){
//刪除一列時需要對每一行分別進行列刪除
for(var i=0;i<_table.rows.length;i++){
_table.rows[i].deleteCell(0);
}
}
//-->
</script>

三、交換兩行的位置
程序代碼<table id="table1" bordercolor="#000000" width="200" border="1">
<tbody>
<tr>
<td width="25%">1</td>
<td width="25%">11</td>

<td width="25%"><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
<td width="25%"><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
</tr>
<tr>
<td>2</td>
<td>22</td>
<td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
<td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
</tr>
<tr>
<td>3</td>
<td>33</td>
<td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
<td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
</tr>
<tr>
<td>4</td>
<td>44</td>
<td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
<td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
</tr>
<tr>
<td>5</td>
<td>55</td>
<td><a href="javascript:void(0)" onclick="moveUp(this)">上移</a></td>
<td><a href="javascript:void(0)" onclick="moveDown(this)">下移</a></td>
</tr>
</tbody>
</table>
<script language="JavaScript" type="text/javascript">

</script>

前一頁:鼠標經(jīng)過表格列時變色

后一頁:利用javascript鼠標經(jīng)過表格，行與列變色

相關(guān)閱讀: Javascript JS 限制復(fù)選框的選擇個數(shù)(3); dreawmeaver中鮮為人知的小秘訣,讓你制作網(wǎng)頁更加隨心所欲.; 山西春秋國際旅行社; 利用CSS里面的A:hover鼠標滑過縮略圖時放大圖片; CSS選擇符詳解; ASP連接各種數(shù)據(jù)庫的方法; 張掖春秋國際旅行社有限公司; 深山留言板 v7.0.1 bulid2014.11.15錯誤更新版

共有0條關(guān)于《javascript表格內(nèi)移動上下列，可以做成ajax加上動態(tài)程序做成上下移動順序》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: 用javscript實現(xiàn)為表格的每一行自動加上序號; 鼠標放在表格區(qū)域內(nèi)，當前格的一整行和一整列變色; 鼠標經(jīng)過表格列時變色; javascript表格內(nèi)移動上下列，可以做成ajax加上動態(tài)程序做成上下移動順序; 利用javascript鼠標經(jīng)過表格，行與列變色; 針對table,div隔行變色的JS方法

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: CSS代碼格式化和壓縮化; 深山行者留言系統(tǒng)V2.0 (簡稱留言板V2.0); 讓asp立即輸出緩存（Response.flush），實時顯示進度; optgroup 標簽; 動態(tài)返回selected選擇框的代碼說明; 從空格談起--關(guān)于CSS模塊化設(shè)計

更多標簽熱門標簽

高滾動條強聊版權(quán) 斜線 text Request 電腦彩色風格打字頂部應(yīng)用 weatherxml Abandon 瀏覽器站長下載產(chǎn)品 RegExp 獲取分隔符電影柱狀圖 tab 愛國百度 select 倒計時 ResponseXML 文章關(guān)閉不對齊程序界面顯示器 dt mssql 中英 label 對話框 border 調(diào)色板拼音思考 important 逗號配色市 expression

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

javascript表格內(nèi)移動上下列，可以做成ajax加上動態(tài)程序做成上下移動順序