Question

使用JS实现table里面td内容的更改

一个table下有很多td 无ID和name
使用js 判断把所有td里面内容为空的td内容变成"添加"
给我一串js即可

Answer 1

1、首先根据图示全部代码新建html文件。

2、然后根据图示全部代码创建三行两列的表格。

3、然后根据图示全部代码创建按钮。

4、然后根据图示全部代码创建js函数。

5、然后根据图示全部代码获取表格第一行。

6、然后根据图示全部代码更改第一行第一个单元格的内容。

7、然后根据图示全部代码给按钮添加js函数事件。

8、预览效果如图显示出了table。

9、点击按钮，第一行第一个单元格的内容更改，即代表成功实使用JS实现table里面td内容的更改。

Answer 2

var td_array=new Array();
var td_length=$('.table td').length;
for(var n=0;n<td_length;n++){
//for(var n=0;n<)
td_array[n]=$('.table td:eq('+n+')').html();



for(var m=0;m<td_array.length;m++){
    //alert("空");
        if(td_array[m]==""){
            
                $('.table td:eq('+m+')').html("添加");
            }
    }
}

jq可以么.......用jq的话会很简单。试过成功了~~你也可以有自己的想法哈，.table是当前table的类名，避免和别的table混淆用的。你自己简化下，貌似可以不用数组的，最近做的都和数组有关，就什么都习惯加数组了...

Answer 3

你好，如果td里没有id或是name的话，貌似没有办法实现了。不过我自己也学的不深，或许也有高手有这个办法吧，我是习惯性用id来做的。document.getElementById("id");

Answer 4

<script>
   var oList = documet.getElementByTagName("td");
   for(var i=0;i<oList.length;i++){
       var c = oList[i].innerHtml;
       if(c == ''){
           oList[i].innerHtml="<input type='button' value='添加'>";
       }
   }
</script>

追问