利用JS如何遍历table 如何用JS向td中写入内容
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了利用JS如何遍历table 如何用JS向td中写入内容相关的知识，希望对你有一定的参考价值。
参考技术A <html><head>
<script type="text/javascript">
window.onload=function()
var mytable=document.getElementById("mytable").getElementsByTagName("td");
for(var i=0;i<mytable.length;i++)
mytable[i].innerHTML="td_"+i;
;
</script>
</head>
<body>
<table id="mytable">
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
</tr>
</table>
</body>
</html> 参考技术B jquery:
$('table td').each(function(i)
$(this).text(i);
); 参考技术C js不怎么懂哦，帮不了你啦
如何用js 在div内插入内容
思路：先获取div对象，然后用innerHTML属性设置内容。当div用id属性标识时，可以直接用document.getElementById()获取；当div是用其他属性（如name，class）标识，就需要使用document.getElementsByTagName()获取对象，然后循环判断属性进行筛选。
下面实例演示根据div的class设置div的内容：
1、HTML结构
<div class="test"></div><input type="text" id="test"/><input type=\'button\' value=\'发送\' onclick="fun()"/>
2、javascript代码
function fun()var str = document.getElementById("test").value;
var divs = document.getElementsByTagName("div");
for(i=0;i<divs.length;i++)
if(divs[i].className == "test")
divs[i].innerHTML += "" +str;
参考技术A var html = "<tr><inptut type="text"></tr>";
$("#divId").html(html);
以上是关于利用JS如何遍历table 如何用JS向td中写入内容的主要内容，如果未能解决你的问题，请参考以下文章
如何用js取得table中td里面input的id或者name名称中指定的内容
页面上有个<table>表格,如何用JS中的循环分别取得各个td中的数据