javascript修改td的值

最新推荐文章于 2021-06-03 07:22:11 发布

rainv

最新推荐文章于 2021-06-03 07:22:11 发布

阅读量3.2k

点赞数

分类专栏： JavaScript[语言] 文章标签： javascript table 浏览器 html pig border

本文链接：https://blog.csdn.net/rainv/article/details/1437129

版权

JavaScript[语言] 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

网上看到一些不全的例子，觉得有必要整理一下，但是只能读表格单元格的内容，和提交前修改值，提交后又
回到原来的值。还没找到方便的永久修改单元格的值的方法。有高手知道吗？

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<div>
使用javascript获得常见的
<table>标签的节点<tr>,<td>名字,值和它们的属性值</div>
<script>
function test(arg){
//第一个节点<table>
//或者getElementsByTagName("table")[0]替换，注意如果该节点是tag的话,
//nodeName可以用tagName代替,nodeValue可以用tagValue代替。否则会显示undefined
var table=document.getElementById("hel");
window.alert("first node is "+table.nodeName+", value is "+table.nodeValue);

//第二个节点<tbody>,ie?默认table下有一个tbody,<TBODY>标签用处是不大，
//但当网速很慢的时候它的作用就显现出来了。因为，当我们使用浏览器打开一个网页时，
//浏览器是下载<body></body>标签中的内容到本地后才显示的，使用<tbody></tbody>标签，
//浏览器将吧整个网页分解成若干块(分成多少块视网页中<tbody></tbody>标签的数量)，
//下载一段显示一段！避免了长时间等待的苦恼！一般在网页中的<table></table>标签中加入
//<tbody></tbody>标签能明显改善网页浏览速度！
var tbody=table.childNodes[0];
window.alert("second node is "+tbody.nodeName+", value is "+tbody.nodeValue);

//第三个节点<tr>
var tr=tbody.childNodes[0];
window.alert("second node is "+tr.nodeName+", value is "+tr.nodeValue);

//第四个节点<td>
var td=tr.childNodes[0];
window.alert("second node is "+td.nodeName+", value is "+td.nodeValue);

//第五个节点#text,这个的nodeName和nodeValue不能用tagName,tagValue代替
var text=td.childNodes[0];
window.alert("second node is "+text.nodeName+", value is "+text.nodeValue);

text.nodeValue="pig";
attribute=document.getElementsByTagName("td")[0].getAttribute("width");
window.alert(" The td attribute value is "+ attribute);
return true;
}
</script>
<form>
<table width="200" border="1" id="hel">
<tr>
    <td width="111">hello</td>
    <td> </td>
</tr>
<tr>
    <td> </td>
    <td> </td>
</tr>
</table>
<input type="submit" name="am" value="提交" οnclick="return test(this);"/>
</form>
</BODY>
</HTML>