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