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,继续交流。