用JavaScript的方法获得TD里面的值

JavaScript06

用JavaScript的方法获得TD里面的值,第1张

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

为td标签增加id属性,如下:

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

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

document.getElementById("thistd").innerHTML.

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

document.getElementById("logic_id").innerHTML// td里有html元素的时候

document.getElementById("logic_id").innerText//td里只有字符的时候

document.getElementById("logic_id").value()//这个td没有value这个参数你是获取不到的,除非你在<td value="xxx">这样你就能获取了,但是这种写法一般只用于input 输入框

一般只是普通字符不带html标签的你就使用innerText 就可以了。建议用innerText取纯数据