JQ跟JS动态拆分表格的方法JQ跟JS动态拆分表格的方法
c_a_3();
JQ和JS动态拆分表格的方法
table width= 100% border= 0 style= text-align:center;
tr
td 编号 /td
td 项目 /td
td 产品 /td
td 对比 /td
td 类别 /td
/tr
tr
td 1 /td
td 项目1 /td
td 产品 /td
td 产品1VS产品2 /td
td 类别 /td
/tr
tr
td 2 /td
td 项目2 /td
td 产品 /td...
JQ跟JS动态拆分表格的方法
c_a_3();
JQ和JS动态拆分表格的方法
table width= 100% border= 0 style= text-align:center;
tr
td 编号 /td
td 项目 /td
td 产品 /td
td 对比 /td
td 类别 /td
/tr
tr
td 1 /td
td 项目1 /td
td 产品 /td
td 产品1VS产品2 /td
td 类别 /td
/tr
tr
td 2 /td
td 项目2 /td
td 产品 /td
td 产品3 /td
td 类别 /td
/tr
tr
td 3 /td
td 项目3 /td
td 产品 /td
td 产品4VS产品5 /td
td 类别 /td
/tr
....
/table
表格代码如上,请问如何用JS或者JQ把对比栏里的VS前后拆分成下图这种效果,
分享到:
------解决方案--------------------------------------------------------
拆分单元格的方法;
html
head
script
function split() {
var cell1 = document.createElement( td );
cell1.setAttribute( style , background-color: grey; );
cell1.innerHTML = Product1 ;
var cell2 = document.createElement( td );
cell2.innerHTML = VS ;
var cell3 = document.createElement( td );
cell3.setAttribute( style , background-color: grey; );
cell3.innerHTML = Product2 ;
myTable.rows[0].removeChild(myTable.rows[0].cells[0]);
var typeCell = myTable.rows[0].cells[0];
本文档为【JQ跟JS动态拆分表格的方法】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑,
图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。