javascript如何获取td里的文本的值

JavaScript012

javascript如何获取td里的文本的值,第1张

为td标签增加id属性，如下：

<td id="thistd"></td>

利用document对象可以得到对应id控件的内容。js代码如下：

document.getElementById("thistd").innerHTML.

建议：增加控件的时候，尽量配置id属性。用于js脚本或css样式操作。

这样？

<script>

window.onload = function(){

    var obj = document.getElementById("table1")

    var arr = []

    var lines = []

    var rows = obj.tBodies[0].rows

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

        var str = rows[i].cells[0].innerHTML

        if(arr.length){

            for(var j = 0 j < arr.length j++){

                if(arr[j] == str){

                    lines.push("\n行：" + j + " - " + i)

                }

            }

        }

        arr.push(rows[i].cells[0].innerHTML)

    }

    alert("相同内容的行为：" + lines.join())

}

</script>

HTML代码:

<table>

<tr>

<td>1</td>

<td>2</td>

<td>3</td>

</tr>

</table>

获取td的值,用innerHTML来获取，方法如下

var td_name=document.getElementsByTagName("td")

for(var i=0i<td_name.lengthi++){

td_name[i].onclick=function(){

console.log(this.innerHTML)

}

}

结果就是点击第一个td，显示1