<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取纯数据