`
zgqynx
  • 浏览: 1342462 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

js insertCell colspan

阅读更多
转自:http://objectmix.com/javascript/352173-how-assign-colspan-table-cell-javascript.html
问题:
Hi,

I am generating html table dynamically by javascript.
I want to access colspan properties of table cell.
What can be the way to achieve this?

The code snippet is :-

for(i=0;i<parms.length-1;i++)
{
var GrpNames = parms[i].split(',');

Row = window.tblvalue.insertRow();

Row.style.width='100%';
Row.align="right";

Cell = Row.insertCell();

Cell.colspan=' 2 ' //This code doesnt work

Cell.innerHTML="<a href='' style='Color:blue'
onclick='return
ShowCritGroupDetailList("+GrpNames[0]+")'>"+GrpNames[1]+"</
a>";

Cell = Row.insertCell();

Cell.innerHTML="<input type=checkbox name=chk_" + i +"
id="+GrpNames[0]+"; value='C'>";


}

解答:
In case-sensitive javascript it is important to use the correct
sequence of upper and lower case letters in property names. In this
case the 'S' in 'span' should be a capital.

Cell.colSpan = 2;


(and the expectation would be that the value assigned should be
numeric and not a string.)
分享到:
评论

相关推荐

    js动态添加表格数据使用insertRow和insertCell实现

    效果图: 代码: js动态添加表格数据_2.html 代码如下: &lt;...js动态添加表格数据_2 使用insertRow和insertCell方法实现&lt;/title&gt; [removed] var mailArr = [ { “title”: “一个c#问题”, “name

    javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)

    本篇文章主要介绍了javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法)需要的朋友可以过来参考下,希望对大家有所帮助

    js的日历时间控件

    js的日历时间控件 if(typeof Control=="undefined"){Control={}}Control.DatePicker=Class.create({initialize:function(element,options){this.element=$(element);if(dp=this.element.retrieve("datepicker")){dp....

    谷歌浏览器 insertCell与appendChild的区别

    table中增加单元格时 在谷歌浏览器中使用insertCell方法增加列时,显示结果的先后顺序与程序执行的先后顺序相反

    JavaScript权威指南

    JavaScript权威指南 犀牛书 Chapter 1. Introduction to JavaScript Section 1.1. JavaScript Myths Section 1.2. Versions of JavaScript Section 1.3. Client-Side JavaScript Section 1.4. JavaScript ...

    JS创建自定义表格具体实现

    JS部分: 代码如下: function next() { //得到table对象 var oTable = document.getElementById(“table1”); //插入tr var oTr = oTable.insertRow(); //一行tr插入3个td var oTd1 = oTr.insertCell(); var oTd2 = ...

    js增加行列.doc

    js增加行列.doc oTD = TR . insertCell ( iIndex ) otr=table.insertRow()

    JS实现向表格中动态添加行的方法

    本文实例讲述了JS实现向表格中动态添加行的方法。分享给大家供大家参考。具体分析如下: 下面的JS代码通过表格对象的insertRow方法动态向表格的最顶端添加新的行 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; ...

    javascript_动态创建表格

    用js创建动态表格一些基本语法 avascript 动态创建表格:新增、删除行和单元格 利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。

    javascript如何创建表格(javascript绘制表格的二种方法)

    利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种方法,看下面的解决和使用方法

    JavaScript简单表格编辑功能实现方法

    本文实例讲述了JavaScript简单表格编辑功能实现方法。分享给大家供大家参考。具体如下: &lt;html&gt; &lt;head&gt; [removed] function getInnerHTML() { alert&#40;document.getElementById("tr2"&#41;[removed])...

    javascript 动态创建表格:新增、删除行和单元格.zip

    利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。两种方式其实差不多,但第一种有可能在IE上有问题,所以推荐大家使用第二种了,直接说吧。

    用Js实现的动态增加表格示例自己写的

    //页面级js变量,用来存被选中的行,好在弹出窗口中对该行赋值 function addnode() { var table=document.getElementById(“Dy_table”); var tr=table.insertRow(); var cell0=tr.insertCell(); va

    JavaScript table 动态添加行,列

    var _td=_tr.insertCell(j); //var _tn=document.createTextNode(i.toString()+j.toString()); var t=document.createElement("input"); t.size=20; _td.appendChild(t); } } myDiv....

    JavaScript操作表格

    var newCell = row.insertCell(i); newCell.innerHTML = "你好"; } } //删除行 function deleteRow() { var objTable = document.getElementById("tb2"); var lastIndex = objTable.rows.length - 1; objTable...

    JavaScript 学习笔记(十三)Dom创建表格

    Dom基础—创建表格 利用js来动态创建表格有两种格式,appendChild()和insertRow、insertCell()。但第一种有可能在IE上有问题,所以推荐使用第二种。 1、insertRow(index):index从0开始 这个函数将新行添加到index的...

Global site tag (gtag.js) - Google Analytics