如何通过javascript脚本在一个HTML页面上创建一个表格,并且能对表格内容进行编辑?

在HTML页能对表格内容进行操作,比如按Tab键能移动光标,能输入内容,上下左右键也是如此,按Enter键能换行等等,能添加删除行列,这段脚本该怎么写?

您好:首先动态创建表格。
定义好表格的html代码:
“<table> <tr> <td>单元格1</td> <td>单元格2</td> <td>单元格3</td> </tr></table>”
然后用js的createElement()方法,或者用jqurey的$("html代码")创建元素。然后用apendchild()方法动态插入到网页中就可以了。td里面是文本框的话,默认就会有tab键移动光标等效果的,不用自己写。(自己写也可以,就是让文本框活的焦点,blur一下就行)。至于删除行和列的话,可以先的到删除行的id或者class,然后remove()一下就可以了。
温馨提示:内容为网友见解,仅供参考
第1个回答  2012-09-21
嵌入一个文本编辑器吧。

如何通过javascript脚本在一个HTML页面上创建一个表格,并且能对表格...
您好:首先动态创建表格。定义好表格的html代码:“<table> <tr> <td>单元格1<\/td> <td>单元格2<\/td> <td>单元格3<\/td> <\/tr><\/table>”然后用js的createElement()方法,或者用jqurey的$("html代码")创建元素。然后用apendchild()方法动态插入到网页中就可以了。td里面是文本框的话,默...

只用js如何实现表格内容的动态修改?
1、获取表格的dom节点 2、通过rows和cells定位td单元格 3、通过修改innerHTML 扩展资料: JS实现动态表格的新增,修改,删除操作 一、相关JS函数 function setParamslist() { var tab = document.getElementById("tab"); \/\/表格行数 var rows = tab.rows.length ; \/\/表格列数 var cells = tab.rows.item(0...

html中如何使用js动态添加表格
1.首先在html中为表格的添加位置设置id 即是在html的body标签内部写一个div标签表明表格要添加到此div的内部。如下 <div id="tdl"><div> 2.在javascript中写添加表格的语句 若在当前html文件中,则写在<script>标签内部,如 复制代码 代码如下:<script type="text\/javascript" > document.getElemen...

一个在手机端运行的HTML文件如何通过JavaScript在本地创建一个excel文 ...
1 文件的读取和写入. 可以借助HTML5 的File()对象解决, 如果只是保存的话可以讲生成好的xlsx文件序列化后通过模拟下载另存为的方式存储到本地.2 excel文件的编制. 纯浏览器环境下借助已有的外部库,可以实现简单的excel生成,比如https:\/\/npm.taobao.org\/package\/xlsx 这个库就是支持纯浏览器环境的.A...

表格js代码(javascript表格代码)
\/\/表格的模糊搜索的就是通过JS中的一个search()方法,使用格式,string1.search(string2);如果 \/\/用户输入的字符串是其一个子串,就会返回该子串在主串的位置,不匹配则会返回-1,故操作如下 if(str1.search(str2)!=-1){oTab.tBodies[0].rows[i].style.background='red';} else{oTab....

用JSP生成一个表格
请输入表格的列数:<input type="text" name="colNum"\/><br\/> <input type="submit" value="提交"\/> <input type="reset" value="重置"\/> <\/form> <\/body> <\/html> 生成表格的页面:page01.jsp <%@ page contentType="text\/html" pageEncoding="gbk"%> <...

...我想用javascript固定页面上可编辑表格(双击表格后,type变为text...
1:双击元素 2:捕捉到双击事件,然后将元素内容获取到缓存起来 3:将元素内容清空,动态插入一个input,并且将缓存起来的内容放入到这个input 4:给动态插入的input添加一个blur或者回车事件,将input的值拿到缓存起来 5:再次清空元素内容,将那个input的缓存值填入里面 一个小栗子:html:<table id="...

html怎么在一张网页上出现一个列表,列表内有几项,单机切换内容,并不...
})<\/script><\/body><\/html>用jquery可以比较简单的表示,思路是:把全部列表隐藏掉,然后设置一个active的样式显示列表,点击哪个列表,就给这个列表加上active这个样式,这样这个列表就会显示出来了,同时, 把另外那个列表去掉active这个样式,另一个列表就隐藏掉了。你就算有N个列表,也可以正常运行 ...

如何用Javascript生成一个20行5列的表格
以前写的一个废材代码,里面有相关内容,你自家看吧:\/\/???function CreateTable(){ var tt=document.createElement("table");var tbody=document.createElement("tbody");tt.onmouseout=OutDragT;tbody.onmouseout=CancleBubble;tt.appendChild(tbody);tt.border='1';tt.id='TimeTable';tt.cellSpacing...

JavaScript怎样嵌入网页(js嵌入html)
Javascript代码如何应用到网页中1、步骤新建一网页文件“sample.html,用记事本或其它文本编辑软件(如UltraEdit)打开,输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串,一个按钮和一个文本框。JS代码可插入到”head标签之间。2、可以直接将JavaScript脚本加入文档:[code]ScriptLanguage=JavaScript...

相似回答