table通过列号行号设置tr和td属性(css之类的样式)

作者&投稿:苗秀 (若有异议请与网页底部的电邮联系)
JavaScript 如何根据行号列号设置Table指定列的指~

描述的不是很清楚

var r=3;
for(i=1;i<=3;i++){
inputTxt=document.getElementById("abc"+i);
value=inputTxt.value;
inputTxt.value='XXXX'
}

代码如下:

//js放到table下,才能检测到tr数组
var trs = document.getElementById("tableBox").getElementsByTagName("tr");
var trs=document.getElementById("tableBox").getElementsByTagName("tr");
$(function(){
for(var i=0;i<trs.length;i++){
trs[i].onmousedown = function(){
mousedownclick(this);
}
}
});
function mousedownclick(obj){
for(var j=0;j<trs.length;j++){
if(trs[j]==obj){
trs[j].style.background='blue';
}else{
trs[j].style.background='';
}
}
}


扩展资料
js操作table的各种用法:
(1)得到table 中tbody 的内容 :$('#simple-table').find('tbody').html();
(2)点击td时,获取点击的行号:
$('#simple-table tbody').on( 'click', 'td', function (e) {
normalRowIndex = $(this).parent().index(); //行号
console.log("正常工作表行:"+normalRowIndex);
});
(3)为table追加一行:
function addNormalTR(){
$('#simple-table').find('tbody').append(trtd); //tdtd为拼接的trtd 的html内容。
}
(4) 点击td中的元素获取,当前行号: obj.parentNode.parentNode.rowIndex;//obj 为元素对象

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>JS Table</title>
        <style>
            .blue {
                background:blue;
                color:#fff;
            }
            
            .red {
                background:red;
                color:#fff;
            }
        </style>
    </head>
    <body>
        <table id="t">
            <tr>
                <th>Column One</th>
                <th>Column Two</th>
                <th>Column Three</th>
                <th>Column Four</th>
            </tr>
            <tr>
                <td>Data One</td>
                <td>Data Two</td>
                <td>Data Three</td>
                <td>Data Four</td>
            </tr>
            <tr>
                <td>Data Five</td>
                <td>Data Six</td>
                <td>Data Seven</td>
                <td>Data Eight</td>
            </tr>
        </table>
        <script>
            var t = document.getElementById("t");
            //下面是 js 控制表格行列
            t.rows[1].cells[1].className= "blue";
            t.rows[2].cells[3].className = "red";
        </script>    
    </body>
</html>


bootstrap table 怎么取到点击事件里的 index
答:一种方法就是把所有行数一遍,获取所有行-遍历找到当前的- 获得i,不推荐这么做,因为每次都要全取出来;另一种方法是给表格加上个隐藏列作为行号;bs table 参数里加上 { field:'Number', title:'Number', class: 'hide-num', // 再在css里给它隐藏了更好看了; formatter: ...

C语言:一个3×20的整数数组,要求输出该数组中的最小值,并将其行号...
答:printf("%d\t", table[i][j]);} printf("\n");} min = table[0][0];minI = 0;minJ = 0;for(i=0;i<3;i++){ for(j=0;j<20;j++){ if(table[i][j] < min){ min = table[i][j];minI = i;minJ = j;} } } printf("最小值为:%d,行号:%d,列号:%d\n",...

datatable的select()结果,怎么获取行号啊?
答:如果你只是要修改DataTable里的DataRow的话没有必要找到它的行号,直接在Select后得到的DataRow上修改就行了,它的修改会直接反映到DataTable上(其实就是直接修改了DataTable上的DataRow,这和数据库不一样不要弄混了),代码如下 private void button1_Click(object sender, EventArgs e){ DataTable ...

EXCEL返回特定单元格的数值
答:包含数据的单元格区域。可以使用对区域(例如,A2:D8)或区域名称的引用。table_array 第一列中的值是由 lookup_value 搜索的值。这些值可以是文本、数字或逻辑值。文本不区分大小写。 col_index_num 必需。table_array 参数中必须返回的匹配值的列号。col_index_num 参数为 1 时,返回 table_array...

WPS表格中如何使用VLOOKUP和HLOOKUP函数?
答:VLOOKUP近似匹配函数的语法格式为:VLOOKUP(lookup_value,table_array,col_index_num,[range_lookup])其中:lookup_value:要查找的值 table_array:要在其中进行搜索的区域 col_index_num:要返回的列号(从 table_array 中计算)[range_lookup]:可选参数,如果是TRUE或省略,则使用近似匹配。如果是...

Excel表格基本操作?
答:Excel表格的基本操作二:更改对齐方式打好字,或者打字之前,都需要按照需要来调整字体的对齐方式的。在对齐方式工具栏中,可以快速随意地更改字体对齐方式,第一个小框中上三个图标是调整横向对齐的,下三个是调整纵向对齐的。而第二个框中还有一键调整字体的排列方向,第三个框中可以一键设置自动换行等...

关于excel的VBA,里面的单元格格式的属性有哪些,有哪些参数?
答:使用 Characters 对象可为文本字符串内的字符设置格式。 Column 返回指定区域中第一块中的第一列的列号。Long 类型,只读。 Columns 返回一个 Range 对象,它代表指定区域中的列。 ColumnWidth 返回或设置指定区域中所有列的列宽。Variant 类型,可读写。 Comment 返回一个 Comment 对象,它代表与区域左上角单元...

jquery如何获取取元素序号,例如一个有N行的table,点击其中的一行...
答:("tr").click(function(){ alert($(this).index());});试试

Excel中HLOOKUO和LOOKUP的功能和及使用方法是什么?
答:VLOOKUP函数的功能是在表格或数值数组的首列查找指定的数值,并由此返回表格或数组当前行中指定列处的数值。公式为 = VLOOKUP(lookup_value,table_array,col_index_num,range_lookup)式中 lookup_value—需要在数据表第一列中查找的数值,lookup_value 可以为数值、引用或文字串;table_array—需要在...

关于JS动态创建表格
答:你这里有两个问题,一个赋值的时候不用改用innerText,二个是多余了两次嵌套循环 function autocreate() { //创建table表格 var table = document.createElement("table"); table.setAttribute("border", "1"); table.setAttribute("background", "red"); //获取行数值 var line...