JavaScript talbe表中指定位置插入一行的實現(xiàn)代碼 腳本之家修正版
更新時間：2009年06月11日 21:48:33 作者：
用js實現(xiàn)的在table中指定的位置插入一行，先點一下表中你想插入的位置，點擊即可。
最近在學JavaScript，下面是我自己做的一個例子（在w3cschool例子的基礎上）
該例子實現(xiàn)功能是在鼠標點擊的行之后插入一行，默認是在第一行插入。插入的內(nèi)容可以自己輸入，代碼如下
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
上面的是內(nèi)容，默認是插入到開始位置。
這里需要注意的是當鼠標點擊插入行按鈕時，動作也會捕捉到并改變?nèi)肿兞?，一開始我沒有意識到，即沒有加入上面的紅色代碼，所以每次點擊插入行時都是在第一行插入，原來按原設計，點擊按鈕時全局變量更改為0，所以只能在第一行添加了。
簡單的解決方法是加入紅色代碼，這是即可避免剛才的問題。
以上只是學習過程中的小經(jīng)歷，可以以此為模版，比如刪除指定的行，或在指定行之前插入等功能皆可完成。
繼續(xù)學習JavaScript，繼續(xù)交流。
該例子實現(xiàn)功能是在鼠標點擊的行之后插入一行，默認是在第一行插入。插入的內(nèi)容可以自己輸入，代碼如下
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
上面的是內(nèi)容，默認是插入到開始位置。
這里需要注意的是當鼠標點擊插入行按鈕時，動作也會捕捉到并改變?nèi)肿兞?，一開始我沒有意識到，即沒有加入上面的紅色代碼，所以每次點擊插入行時都是在第一行插入，原來按原設計，點擊按鈕時全局變量更改為0，所以只能在第一行添加了。
簡單的解決方法是加入紅色代碼，這是即可避免剛才的問題。
以上只是學習過程中的小經(jīng)歷，可以以此為模版，比如刪除指定的行，或在指定行之前插入等功能皆可完成。
繼續(xù)學習JavaScript，繼續(xù)交流。
您可能感興趣的文章:
- js獲取鼠標位置雜談附多瀏覽器兼容代碼
- 用Javascript 獲取頁面元素的位置的代碼
- 用javascript獲取當頁面上鼠標光標位置和觸發(fā)事件的對象的代碼
- 多瀏覽器兼容的獲取元素和鼠標的位置的js代碼
- Javascript在IE或Firefox下獲取鼠標位置的代碼
- javascript 獲取頁面的高度及滾動條的位置的代碼
- 利用google提供的API(JavaScript接口)獲取網(wǎng)站訪問者IP地理位置的代碼詳解
- js與jquery中獲取當前鼠標的x、y坐標位置的代碼
- Javascript中找到子元素在父元素內(nèi)相對位置的代碼
- js獲取鼠標點擊的位置實現(xiàn)思路及代碼
- js獲取元素相對窗口位置的實現(xiàn)代碼
- JavaScript代碼應該放在HTML代碼哪個位置比較好？
- JavaScript程序開發(fā)之JS代碼放置的位置
相關文章
復制網(wǎng)頁內(nèi)容，粘貼之后自動加上網(wǎng)址的實現(xiàn)方法(腳本之家特別整理)
復制內(nèi)容加網(wǎng)址的功能，自06年腳本之家將這個功能發(fā)布并通過blueidea宣傳以后，現(xiàn)如今很多網(wǎng)站都使用上了， 當初我們也由這個功能帶來很多外鏈2014-10-10
淺析BootStrap模態(tài)框的使用(經(jīng)典)
Bootstrap Modals（模態(tài)框）是使用定制的 Jquery 插件創(chuàng)建的。本文給大家介紹BootStrap模態(tài)框的使用，感興趣的朋友一起學習吧2016-04-04
這篇文章主要為大家詳細介紹了js實現(xiàn)網(wǎng)頁五子棋進階版，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
tablesorter.js表格排序使用方法(支持中文排序)
這篇文章主要為大家詳細介紹了tablesorter.js表格排序使用方法，支持中文排序，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了js過濾特殊字符輸入適合輸入、粘貼、拖拽多種情況,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了JS輸入用戶名自動顯示郵箱后綴列表的方法,可實現(xiàn)自動顯示郵箱后綴名列表的功能,非常具有實用價值,需要的朋友可以參考下2015-01-01
Javascript的數(shù)組與字典用法與遍歷對象的屬性技巧
Javascript 的數(shù)組Array,既是一個數(shù)組，也是一個字典(Dictionary)。先舉例看看數(shù)組的用法2012-11-11
本篇文章主要分享了js實現(xiàn)帶簡單彈性運動導航條的示例代碼，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
細說webpack源碼之compile流程-入口函數(shù)run
Webpack 是一個前端資源加載/打包工具。它將根據(jù)模塊的依賴關系進行靜態(tài)分析，然后將這些模塊按照指定的規(guī)則生成對應的靜態(tài)資源。這篇文章主要介紹了webpack源碼之compile流程-入口函數(shù)run,需要的朋友可以參考下2017-12-12
JavaScript操作XML實例代碼（獲取新聞標題并分頁，并分頁）
XML 代碼部分 這是一個新聞的XML 文件，如果 NBody部分包含 XML 和Html 不可識別部分， 就 包含在DATA 表示附中。2010-05-05