`
zgqynx
  • 浏览: 1371551 次
  • 性别: 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操作table大全

    在JavaScript的世界里,HTML表格(Table)是一种常用的数据展示方式,而JS操作表格则成为网页动态交互的关键。本文将深入探讨如何使用JavaScript进行表格的创建、修改、删除以及实现一些特殊效果。 首先,我们从...

    JS实现动态修改table及合并单元格的方法示例

    4. 插入元素:使用`insertRow`和`insertCell`方法插入新的行和单元格。 5. CSS样式:通过`style`属性设置单元格的背景色、文字等样式。 6. 单元格合并:利用`rowSpan`和`colSpan`属性合并单元格。 理解并掌握这些...

    纯js实现行的添加删除

    &lt;td colspan="2"&gt; ;"&gt;添加 ;"&gt;全部删除 ``` 接下来,我们编写JavaScript代码来处理这些逻辑。首先,我们需要获取到相关的DOM元素,并监听事件。这里我们使用`document.getElementById`和`...

    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....

    javascript 操作table的特性.docx

    ### JavaScript操作Table的特性 #### 一、概述 在Web开发中,`&lt;table&gt;`元素是一种常见的HTML结构,用于展示数据。随着JavaScript的发展,我们可以通过脚本来动态地控制表格的行为和外观,从而实现更加丰富的用户...

    js操作表格的方法介绍

    2. **插入/删除行和列**:使用`insertRow()`和`deleteRow()`方法,以及`insertCell()`和`deleteCell()`。 **事件处理** 1. **监听表格事件**:可以为表格元素添加事件监听器,如`click`, `mouseover`等。 ```...

    javascript实现切换td中的值.docx

    【JavaScript实现切换TD中的值】 在JavaScript中,切换表格(Table)中单元格(TD)的值是一项常见的任务,尤其在动态交互的网页应用中。本文将深入探讨如何使用JavaScript来实现这一功能,并通过实例代码进行讲解...

    JavaScript实现将xml转换成html table表格的方法

    firstCell.colSpan = columnCount; firstCell.innerHTML = targetNode.nodeName; // 添加第二行(列名行) var secondRow = myTable.insertRow(); for (var i = 0; i ; i++) { var newCell = secondRow....

    html应用小程序欢迎下载

    - `newtd = newtr.insertCell(i)`: 此函数用于在指定行中插入新的单元格。 #### 6. 删除单元格 - `x.rows[0].deleteCell(y - 1 - k - z)`: 此函数用于删除表格中的单元格。 #### 7. 设置单元格属性 - `newtd....

    仿XP右键菜单

    cell.colSpan = 3; cell.className = "menuhr"; cell.innerHTML = "&lt;hr&gt;"; this.length++; } // 显示子菜单 function showSubMenu(x, y) { var menu = document.getElementById(this.id); menu.style.left = ...

    日期控件

    tbCell.colSpan = 5; tbCell.bgColor = "#99CCFF"; tbCell.align = "center"; tbCell.style.cssText = "cursor:default"; calendar.head = tbCell; ``` ### 三、交互逻辑 - **前后月切换**:通过点击前后月...

    原生js实现表格翻页和跳转

    &lt;td colspan="3"&gt; &lt;span id="cur_page"&gt;&lt;/span&gt; 跳转" /&gt; &lt;input type="button" name="next-btn" id="next" value="&gt;" /&gt; ``` 接着,我们创建一个JavaScript脚本来处理数据和分页逻辑。在这个例子中...

    038HTML-DOM对象.doc

    - `insertCell(index)`方法在指定位置插入新的单元格。 - `deleteCell(index)`方法删除行中的指定单元格。 TableCell对象代表HTML中的表格单元格元素`&lt;td&gt;`: - `cellIndex`属性返回单元格在行中的位置。 - `...

    smartbi页面面板参数问题

    lastCell.colSpan = paramTable.rows[0].cells.length; // 设置单元格的跨度 lastCell.align = "center"; // 设置居中对齐 } ``` 该段代码的作用是在参数面板下方插入一行高度为20像素的空行,从而有效地增加...

Global site tag (gtag.js) - Google Analytics