『壹』 js如何实现点击编辑按钮，前端table表格行内指定td可修改。（table是动态生成的）
给你一个思路，你的table是动态生成的，应该是利用js加载对应的json或者xml等数据结合table、版tr、td的样式生成的。然权后前台可以加载到span或者div里面来展示。
这样你可以尝试一下，点击编辑button后click的事件，尝试重新生成一个table，对应的td的内容修改一下：
<td><input type="text" id="tix" value="(data)"/></td>
按照这个思路应该能实现你的功能。
『贰』 使用JS实现table里面td内容的更改 很多td无ID 使用js 把所有td里面 <td>名称* 1</td> 变成<td>名称*</td>
<html><head><title></title></head>
<body>
<table>
<tr>
<td>名称*1</td><td>名称*1</td><td>1234</td>
</tr>
</table>
</链配body>
</html>
<script>
var tdarr=document.getElementsByTagName("td");
for(i=0;i<顷启tdarr.length;i++){
if(tdarr[i].innerHTML.indexOf("名称*1")>-1){
tdarr[i].innerHTML="名称*";
}
}
</script>雀唤如
『叁』 js如何操作table,tr,td
1，javascript操作table,tr,td ，代码如下：function messageSort() { --函数名var message=document.getElementById("message").value; --添加的内容(下面有对应的html)if(name == "" ) return; --如果添加为空,返回var row = document.createElement("tr"); //创建tr的row.setAttribute("id", name); --设置row的属性. var cell = document.createElement("td");//创建tdcell.appendChild(document.createTextNode(name));//td里注入文本row.appendChild(cell);//将TD注入TRvar deleteButton = document.createElement("input"); //这部分是添加删除button按钮deleteButton.setAttribute("type", "button");deleteButton.setAttribute("value", "删除");deleteButton.onclick = function () { deleteSort(name); };cell = document.createElement("td"); cell.appendChild(deleteButton);//注入按钮row.appendChild(cell);//将TD注入TRdocument.getElementById("sortList").appendChild(row);//将TR注入到相应地方(sortList可以看下面html)var cell5 = document.createElement("td");cell.style.background="#ffffff";//背景颜色设置row1.style.color="#ffffff"; //字体颜色设置cell5.style.display = "none" ; //ie不支持setAttribute("style", "display:none");// <td style="display:none" >dd</td> 直接写TD是这样..cell5.appendChild(document.createTextNode(zdid));row.appendChild(cell5);}// 删除内容function deleteSort(id) {//这个函数为上面的删除button调用的var rowToDelete = document.getElementById(id);var sortList = document.getElementById("sortList");sortList.removeChild(rowToDelete);}</script></head><body><table border="0" cellspacing="0" width="400" bgcolor="#f5efe7"><tr> <td height="20">增加内容:</td> <td><input id="message" type="text"></td> <td><a href="javascript:messageSort();">添加</a></td></tr></table><table border="1" width="400"><tr> <td height="20" align="center">内容:</td> <td>操作</td></tr><tbody id="sortList"></tbody></table></body>2，一般情况下定义一个效果良好的表格采用下面的属性定义方式代码：<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black" style='border-collapse:collapse;table-layout: fixed'></table> 当某个td中没有内容或者没有可见元素时，td的border也会消失。解决方案就是给table添加样式border-collapse:collapse 代码段：.text-overflow{ display:block;/*内联对象需加*/ width:31em; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ } 3，但对于表格table来讲是有些不同，代码段：table{ width:30em; table-layout:fixed;/* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } td{ width:100%; word-break:keep-all;/* 不换行 */ white-space:nowrap;/* 不换行 */ overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */ text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/ }
『肆』 怎样通过js改变表格中某个td的内容
js动态改变元素内容分两步。
选择器确定好这个元素，不管是用document.getElementById("id");还是其他的都可以.
第二、确定好元素了，只要知道某种标签对应值是哪个属性控制的。只需要改一下对应属性值就可以了。拿你说的td元素来说，里面的内容对应的属性是innerText()。
所以可以使用document.getElementById("td的id值").innerText("想要修改为的值");即可。
希望能够帮助到您，谢谢。
『伍』 js遍历table下面 所有td，并设置个别td的值 高分 求大神
<!DOCTYPEHTML>
<html>
<head>
<metacharset="UTF-8"/>
<title>main.html</title>
<styletype="text/css">
</style>
<scripttype="text/javascript">
window.onload=function()
{
vartable=document.getElementById('mytable');
varrows=table.rows;
for(vari=0;i<rows.length;i++)
{
(rows[i].className=='test')
{
vartxt=document.createTextNode();
txt.nodeValue=Number(rows[i].cells[0].firstChild.nodeValue)
+Number(rows[i].cells[1].firstChild.nodeValue);
rows[i].cells[2].appendChild(txt);
}
}
}
</script>
</head>
<body>
<tableid="mytable">
<trclass="test">
<tdid="d1">4</td>
<tdid="d2">5</td>
<tdid="d3"></td>
</tr>
<trclass="test">
<tdid="d1">1115</td>
<tdid="d2">11116</td>
<tdid="d3"></td>
</tr>
</table>
</body>
</html>
『陆』 如何用javascript动态设置td的值
<html>
<script>
functionsetTd(){
vart1=document.getElementById("d1");
vart2=document.getElementById("d2");
t1.value=t2.innerHTML;
}
</script>
<doby>
<table>
<tr>
<tdid="d1"value="我现在是空"></td>
<tdid="d2">把我给d1</td>
</tr>
</table>
<buttononclick="setTd()">点击赋值</button>
</body>
</html>
如果你经常使用javascript可以多去看看jquery比原生的版JS使用更权简单。
『柒』 JavaScript怎么给td赋值
第一个人的回答是不对的，td要用innerTEXT的，但是firefox不支持这个属性！
所以就要像第二个回答这样，在td中加一个div，然后用innerHTML。
然后你可以遍历数组
for(var i=0,i<data.length;i++){
document.getElementById('aa').innerHTML=document.getElementById('aa').innerHTML+data[i];
}
或者
varinner="";
for(var i=0,i<data.length;i++){
inner+=data[i];
}
document.getElementById('aa').innerHTML=inner;
不过数组的
第三个人也是错误的，要给input赋值的话，要用value
var value=document.getElementById("name");
value.value=data[0];
另外 变量名称不要用name啊value啊等这样的敏感的单词！
如果使用Jquery，可以使用$("#aa").text(inner)这样的办法！
『捌』 js 得到table里面id相同的td的值并且替换
按规范来说，最好不要有相同ID的情况出现，按你问题的描述，最好的办法就是用版jQuery实现权，代码大致如下：
$("#lblelID").each(function(){});
获取的是jQuery对象,然后调用each方法遍历就可以，不会出现死循环的情形。
『玖』 在JS中如何修改<td></td>中间的值
<td id="td1"></td>
在js中
document.getElementById("td1").innerHTML = "adfasdf";
document.getElementById("td1")及其上面让td加个id属性，只是让js得到该td这个对象，你可以用其它方法来得到它
『拾』 JS动态创建Table,Tr,Td并赋值的具体实现
成果库修改 要求主题列表随成果类型改变而改变 网上查询资料后开工 在成果类型下拉框添加change()事件触发Dwr 查询主题集合——动态创建/编辑Table 概要代码如下 JS
复制代码 代码如下: //动态获取主题数据 function getzts(){ parentId = document getElementById("bselect ") value; if(parentId!=""){ dwrMethod getZtList(parentId callback ); }else{ //清空主题Table的数据 var t=document getElementById("zhutiTable"); //获取Table var length= t rows length; //获得Table下的行数 if(length!= ){ //如果有行 则清空 for(var i=length ;i>= ;i ) { t deleteRow(i); } } var r = t insertRow(); var c = r insertCell(); c innerHTML="暂无主题列表"; document getElementById( zhutiTable ) appendChild(t); } } function callback (provinces){ var t=document getElementById("zhutiTable"); //获取Table var length= t rows length; //获得Table下的行数 if(length!= ){ //如果有行 则清空 for(var i=length ;i>= ;i ) { t deleteRow(i); } } if(provinces length> ){ for (var i = ; i < provinces length; i++) { //tr if(i% == ){ var r = t insertRow(t rows length);//创建新的行 } //td var c = r insertCell(); //创建新的列 c innerHTML = "<input type= checkbox name= zhutiIds value="+provinces[i][ ]+">"+provinces[i][ ]; } }else{ var r = t insertRow(); var c = r insertCell(); c innerHTML="暂无主题列表"; } document getElementById( zhutiTable ) appendChild(t); }复制代码 代码如下: lishixin/Article/program/Java/JSP/201311/19848