js修改table中td的值_js 得到table裡面id相同的td的值並且替換

『壹』 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

導航:首頁 > 編程語言 > js修改table中td的值

js修改table中td的值

與js修改table中td的值相關的資料

友情鏈接