怎么用js获取td列的值

JavaScript015

怎么用js获取td列的值,第1张

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

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

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

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

document.getElementById("thistd").innerHTML.

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

<script type="text/javascript">

function getVal()

{

var tab = document.getElementById("tab")

var rows = tab.rows.length

for(var i = 1i <rowsi++)

{

var cols = tab.rows[i].childNodes

for(var m = 0m <cols.lengthm++)

{

alert(cols[m].innerText)

}

}

}

</script>

<table id="tab">

<tr>

<th>学号</th>

<th>姓名</th>

</tr>

<tr>

<td>001</td>

<td>隆美尔</td>

</tr>

<tr>

<td>002</td>

<td>希特勒</td>

</tr>

</table>

<input type="button" value="获取table值" onclick="getVal()"/>