最低一直在写JavaScript,就本人遇到的两个问题以及解决方法给大家分享一下.
1,点击一个按钮,创建一段HTML代码和现有的一模一样,但是里面所有ID的参数和方法里面的参数要改变,参数都是若干个字母+数字组成.新创建出来的HTML代码片段要里面的参数变成字母不变,数字要+1.
如,变之前的代码,
<div id=”testdiv1”>
<input type=”button” value=”点击测试” onclick=”testFunction(‘testdiv1’)”>
…..相当多的HTML代码.与以上类似
</div>
新创建出来的代码片段:
<div id=”testdiv2”>
<input type=”button” value=”点击测试” onclick=”testFunction(‘testdiv2’)”>
…..相当多的HTML代码.与以上类似
</div>
多次点击会依次类加的.(注意前后的变化),大量字符的操作大家已猜到,非正则莫属,基于这种思想,经过本人的研究,总算是实现了.要借助于JS里面的replace方法
下面贴出来我的代码给大家分享一下..
var gzjl = document.getElementById("jyxlDiv");//拿到被复制的对象
var gzcon = document.createElement("div");//创建一个新的DIV
gzcon.setAttribute("id","jyjl" + jyxl );//为新的DIV设置值
gzjl.appendChild(gzcon);//把新的DIV加在原来DIV的后面
var gzconId = document.getElementById("jyjl" + jyxl);//取得新创建的DIV对象
//拼装相关的内容
var tarcon = document.getElementById("jyjl0" ).innerHTML ;//拿到要复制的对象里面的HTML代码
//对有关的内容进行拼装
var reg = /(id=\w+|'\w+)(\d{1})/g ;//匹配的正则表达式,这里用到了正则的分组
tarcon = tarcon.replace(reg,"$1"+jyxl);// 这是关键,用到了字符串的replace方法,两个参数,1,正则表达式,2,要替换的内容.$1指的是正则里面的第一组,以此类推
gzconId.innerHTML = tarcon;
2,操作表格,动态在表格里面添加一行和删除一行.(DOM操作表格)
获取表格的对象,如var talbe = document.getElementById("tabcontext") ;
--Table.rows.length获取表格总共有多少行.
-- Table.rows[0]指的是表格第一行的对象
-- Table.rows[0].cells[0],指的是表格第一行第一个单元格的对象
-- Table.rows[0].cells[0].colSpan = 4 ;指的是当前单元格跨4列.(注意colS
