`

tab.insertRow()如何加背景颜色css样式

    博客分类:
  • js
阅读更多

 function addAttachment(fileName, fileSize){
        var tab = document.all("tabAttachment_new");
        var oRow = tab.insertRow();
        for (i = 0; i < 4; i++){
            oRow.insertCell();
            oRow.cells[i].style.cssText="background-color:FFFFFF";
        }
        oRow.cells[0].innerHTML = ++totalAttachment_new;
        oRow.cells[0].align = "center";
        oRow.cells[1].innerHTML = fileName;
        oRow.cells[2].innerHTML = fileSize;
        oRow.cells[3].innerHTML = "<a href='#' onclick='deleteAttachment();'>删除</a>";
    }
   
    function rewriteIndex(target){
        var tab = document.all("tabAttachment_" + target);
        var oRow;
        eval("totalAttachment_" + target + " = 0");
        for (i = 1; i < tab.rows.length; i++){
            oRow = tab.rows[i];
            oRow.cells[0].innerHTML = i;           
            eval("totalAttachment_" + target + " = i");
        }
    }
   
    function delAttachment(index, target){
        var tab = document.all("tabAttachment_" + target);
        tab.deleteRow(index + 1);
        rewriteIndex(target);
    }
   
    function deleteAttachment(){
        event.returnValue = false;       
        var index = parseInt(event.srcElement.parentElement.parentElement.cells[0].innerText);
        uploadFrame.location = "editupload.do?action=removeBenefit&index=" + (index - 1);
    }
   
    function deleteAttachmentdata(id){
        if (!confirm("您确定要删除吗?")){
            return;
        }
       
        var index = parseInt(event.srcElement.parentElement.parentElement.cells[0].innerText);
        uploadFrame.navigate("editupload.do?action=removedata&index=" + (index - 1) + "&attID=" + id);
    }

分享到:
评论

相关推荐

    JAVA将HDFS中的文件导入HBase

    在大数据处理领域,Hadoop的分布式文件系统(HDFS)和NoSQL数据库HBase是两个重要的组件。HDFS用于存储海量数据,而HBase则提供高效、随机的实时查询能力。这篇文章将详细介绍如何使用Java编程语言将HDFS中的文件...

    table insertRow、deleteRow定义和用法总结

    本文将深入探讨`insertRow()`和`deleteRow()`这两个方法,以及它们在不同浏览器下的兼容性问题,同时也会提及相关的`insertCell()`和`deleteCell()`方法。 `insertRow()`方法用于在表格中插入新的行。在IE浏览器中...

    html好看的CSS表格.zip

    `style.css`文件就是用来定制表格样式的。常见的CSS属性如`border`, `background-color`, `text-align`, `padding`等可以改变表格的边框、背景色、文字对齐方式和内边距。例如,给表格添加边框和内填充: ```css ...

    javascript动态生成table及处理.

    - 通过 CSS 样式美化表格,提高可读性。 - **错误处理**: - 添加异常处理机制,确保在数据缺失或格式错误时程序能正常运行。 - 对用户输入进行验证,避免非法数据导致的错误。 - **扩展性**: - 考虑使用更高级...

    Qt5 qml TreeView 迄今为止功能最全的树控件节点前增减节点、节点后增加节点、重命名节点及节点选中、悬浮背景颜色定制等功能

    本教程将深入探讨如何利用`TreeView`实现一系列高级功能,如在节点前后增加节点、重命名节点、自定义节点选中和悬浮背景颜色等。 首先,`TreeView`是QML元件库的一部分,它允许我们通过QML脚本来创建和操作复杂的...

    javascript实现添加附件功能的方法

    在邮件中我们经常用到添加附件,现在简单的应用下: 效果图: 实现原理: 采用table标签的,主要思想:采用table标签方式 ... var tr=tab.insertRow();//插入一行 var td=tr.insertCell();//插入一列 var

    CSS控制按钮显示、动态添加删除行

    /* 背景颜色 */ border: none; /* 删除边框 */ color: white; /* 文字颜色 */ padding: 15px 32px; /* 内边距 */ text-align: center; /* 文字居中 */ text-decoration: none; /* 去除下划线 */ display: ...

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

    这里,`tab.insertRow(tab.rows.length)` 是将行添加到表格的末尾。此外,`seleAll`函数用于更新全选复选框状态,以及`document.getElementById("delSel").onclick`事件处理函数用于删除选中的行。 ### 总结 本文...

    delphi2007第三方控件安装

    例如,添加三个属性:"Name"、"Color"和"Size",可以通过调用`InsertRow`方法来实现: ```delphi ValueListEditor1.InsertRow('Name', '', True); ValueListEditor1.InsertRow('Color', 'clRed', True); ...

    innerHTML的认识

    HTML DOM insertRow() 方法Definition and Usage定义与用法The insertRow() method is used to insert a new row in a specified position in a table.insertRow()方法可用来往表格中的指定位置上插入新行Syntax ...

    asp.net无刷新操作表格(增加,删除行),包括后台如何取值

    function insertRow(){ var table=document.getElementById('TestTable'); var tr=table.insertRow(); var datalength=table.rows.length-1; var dataIndex=datalength-1; var TextIDCell=tr.insertCell(); ...

    .NET目录树

    function insertRow(){ var table=document.getElementById('TestTable'); var tr=table.insertRow(); var datalength=table.rows.length-1; var dataIndex=datalength-1; var TextIDCell=tr.insertCell(); ...

    JS 实现动态插入输入框以及删除、位置调换

    ### JS 实现动态插入输入框以及删除、位置调换 #### 概述 在Web开发中,经常需要根据用户操作...开发者可以根据实际需求进一步扩展和完善这些功能,比如加入验证逻辑、美化样式等,使其更加符合实际应用场景的需求。

    JS动态增删表格行的方法

    本文实例讲述了JS动态增删表格行的方法。分享给大家供大家参考,具体如下: function insertRow(tableName,className,bgcolor, cellContentArray){ ... //设置行的背景颜色 for( var i=0;i&lt;cellContentArray.le

    javascript 操作table的特性.docx

    3. **Table隔行变色**:可以为Table的不同行设置不同的背景颜色以增强可读性。 ```javascript function alternateRowColors() { var table = document.getElementById("myTable"); for (var i = 0, row; row = ...

    js操作table

    向表格中添加行或单元格,可以使用`insertRow`和`insertCell`方法。 1. 添加行: ```javascript var newRow = table.insertRow(); ``` 2. 添加单元格: ```javascript var newCell = newRow.insertCell(); newCell....

    javascript表格操作集锦

    对于CSS类,由于JavaScript的兼容性问题,应使用`setAttribute("className", "inputbox2")`而不是`setAttribute("class", "inputbox2")`。 - 另一种方法是直接赋值,如`objMyTable.border = 1`,这同样适用于大多数...

    实现table的insertRow

    实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow实现table的insertRow

    Javascript动态添加與刪除Talbe行

    var newTr = tab1.insertRow(); var newTd0 = newTr.insertCell(); var newTd1 = newTr.insertCell(); newTd0.innerHTML = '()"&gt;'; newTd1.innerText = '新增加行'; } ``` 这里的区别在于行的插入和单元格的...

    js下为表格内部动态添加行的代码.docx

    在实际应用中,还可以结合CSS进行样式调整,以及使用事件监听器来处理用户的交互,如删除行、编辑单元格等操作。 总之,JavaScript提供了丰富的DOM操作API,使得我们能够轻松地实现动态添加表格行的功能。理解并...

Global site tag (gtag.js) - Google Analytics