HTML table

 

JS的实现方式  

 var tbmian=document.getElementById("table");

       for(var i=0;i<tbmian.rows.length;i++)

    {

        for(var j=0;j<tbmian.rows[i].cells.length;j++)

        {

          /*

            添加单击事件属性。此处不可使用setAttribute方法。

            */

            tbmian.rows[i].cells[j].onclick=(function(){

document.getElementById("th").innerHtml="1212121";

 

this.innerHTML="xswdll";

this.innerText="xswdll";

this.innerHtml="xswdll";

this.innerText="xswdll";

 

alert(1111);

}

);    

        }

    }

  jq的实现方式  

修改单个

这2个是把table下所有的作为组合来寻找,没什么意义

 $("#table th:eq('0')").html("2222")       

 $("#table td:eq('0')").html("2222")

下一的才对

以下2种效果一样!可以在循环的时候修改对应的eq里面的数值

追加  .html("a String") 来编辑

var mll=$("#table tr:eq(2) td:eq(1)");   

var ml=$("#table").find("tr:eq(2)").find("td:eq(2)")

 

var tbmian=$("#table");

群修改

var table=$("#table");

实现方式1:

  function onload(){

  table =$("#table");

 table.find("tr").each(function(i,v){

 var f=(i==0);

 //跳过 th 头文件

 if(i==0){

 return true;

 }

var mll=$("#table tr:eq("+i+") td:eq(1)");

mll.html(i);

var mkmkm=10; 

  });

};

 

实现方式2

 function onload(){

  table =$("#table");

 table.find("tr").each(function(i,v){

 var f=(i==0);

 //跳过 th 头文件

 if(i==0){

 return true;

 }

 var mmm=v.children;

 var mik=mmm[1];

mik.innerHTML=i;

  });

};

jq和JS的选择后的对象不通用!

jq有自己的操作HTML的方法(比如.html("aString"))!JS的话只需要.innerHTML就能做到更改

th td 看需要改的标签的是什么eq(n)里面的n表示当前行的坐标从0开始数

 

 

有错的地方 欢迎指正.

猜你喜欢

转载自qq351943923.iteye.com/blog/2381059