1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > JavaScript talbe表中指定位置插入一行的实现代码 脚本之家修正版【javascript】

JavaScript talbe表中指定位置插入一行的实现代码 脚本之家修正版【javascript】

时间:2019-08-17 01:31:32

相关推荐

JavaScript talbe表中指定位置插入一行的实现代码 脚本之家修正版【javascript】

web前端|js教程

JavaScript,talbe,插入一行

web前端-js教程

最近在学JavaScript,下面是我自己做的一个例子(在w3cschool例子的基础上)

该例子实现功能是在鼠标点击的行之后插入一行,默认是在第一行插入。插入的内容可以自己输入,代码如下

asp论坛源码 手机版,ubuntu切换网络源,浏览痕迹爬虫软件,#NAME?,潍坊熊掌SEOlzw

//global var var pos =0 //to find the position you mouse has pressed function whichElement(e) { var targ if (!e) var e = window.event if (e.target) targ = e.target else if (e.srcElement) targ = e.srcElement if (targ.nodeType == 3) // defeat Safari bug targ = targ.parentNode if(targ.tagName==”TD”){//to adjust whether the element is tabledata pos = targ.parentNode.rowIndex+1 } else if(targ.tagName==”INPUT”){ //to do nothing } else{ pos =0 } //alert(pos) } //to insert a row in the place function insRow() { //alert(pos) var x=document.getElementById(‘myTable’).insertRow(pos) var y=x.insertCell(0) var z=x.insertCell(1) y.innerHTML=document.getElementById(“cell1”).value z.innerHTML=document.getElementById(“cell2”).value }

可可验证源码,vscode 插件 介绍,ubuntu能装雷电驱动,idea杀掉tomcat,sqlite如何创建索引,jquery 滑动图片轮播插件,怎么使用hui前端框架,爬虫粪便带红,root php,日照seo服务公司,企业人才招聘网站源码,php 下载网页,免费php网页模板网站,页面广告 代码,c语言编写的学生成绩管理系统,简历网站程序源码lzw

Cell1:

Cell2:

化妆品推广单页源码,vscode网页设计长宽,ubuntu 选中复制,tomcat网页内容修改,sqlite 统计百分比,软件爬虫和网页爬虫区别,php游戏门户,广州seo优化排名软件,自适应静态网站,免费b2b模板lzw

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上面的是内容,默认是插入到开始位置。

这里需要注意的是当鼠标点击插入行按钮时,动作也会捕捉到并改变全局变量,一开始我没有意识到,即没有加入上面的红色代码,所以每次点击插入行时都是在第一行插入,原来按原设计,点击按钮时全局变量更改为0,所以只能在第一行添加了。

简单的解决方法是加入红色代码,这是即可避免刚才的问题。

以上只是学习过程中的小经历,可以以此为模版,比如删除指定的行,或在指定行之前插入等功能皆可完成。

继续学习JavaScript,继续交流。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。