js文本框內容添加到表格

A. js，我要在表格中單元格插入文本框中並設置其屬性，比如說value，用js怎麼做

找到td，然後：

var td = document.getElementById('要操作的td的id');
var input = document.createElement('input');
input.type = 'text'
input.value = '要設置的value'
td.appendChild(input);

B. 在javascript中的 彈出對話框或確認框或消息框中添加表格去顯示信息

javascript原生 alert 只接受 純文本內容 ， EXTJS 的Ext.Msg.alert（） 可以接受 html 內容

varhtml_str="數據刪除，已完成完成情況：</br><tablestyle='width:100px'border='1'><tr><th>已刪除</th><thwidth='60'>已忽略</th></tr><tr><td>5000000</td><td>0</td></tr></table>";
Ext.Msg.alert('系統提示SystemTips',html_str);
		

C. 如何用js實現表格添

functiongetDataRow(h){
varrow=document.createElement('tr');//創建行
varidCell=document.createElement('td');//創建第一列id
idCell.innerHTML=h.id;//填充數據
row.appendChild(idCell);//加入行，下面類似
varnameCell=document.createElement('td');//創建第二列name
nameCell.innerHTML=h.name;
row.appendChild(nameCell);
varjobCell=document.createElement('td');//創建第三列job
jobCell.innerHTML=h.job;
row.appendChild(jobCell);
//到這里，json中的數據已經添加到表格中，下面為每行末尾添加刪除按鈕
vardelCell=document.createElement('td');//創建第四列，操作列
row.appendChild(delCell);
varbtnDel=document.createElement('input');//創建一個input控制項
btnDel.setAttribute('type','button');//type="button"
btnDel.setAttribute('value','刪除');
//刪除操作
btnDel.onclick=function(){
if(confirm("確定刪除這一行嘛？")){
//找到按鈕所在行的節點，然後刪掉這一行
this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);
//btnDel-td-tr-tbody-刪除(tr)
//刷新網頁還原。實際操作中，還要刪除資料庫中數據，實現真正刪除
}
}
delCell.appendChild(btnDel);//把刪除按鈕加入td，別忘了
returnrow;//返回tr數據
}

D. 用JS把表格插入到文本框中，請問用JS該怎麼寫。

用jQuery來比較方便，，
根據用戶輸入的行數n，，循環生成n個tr元素，傳入表格就行了

用原生的js，就要用到createElement了吧。。。相對來說繁瑣點

E. js裡面的內容如何放入html里建立的表格裡面

同時打開A、B兩個文件，在A中的某一格中輸入一個＝號，再到B文件中選擇要共享的數據的第一格，回車確定。B文件中的這一個數據就共享給A文件了，將A中的這一格中絕對引用改為相對引用後，向右和向下拉即可完成全部共享。當B文件中的數據發生變化時，重新打開A文件，會提示你是否要更新 。

F. 在jsp中怎麼點擊後把輸入姓名 性別 愛好 輸入框內的內容添加到表格里

點擊按鈕後，js先獲取該表格對象中的某一tr(你要操作的行)，把要添加的數據放在tr(假設)中，再把tr這個插入到你要操作的tr旁邊！可以使用appendChild、insertBefore和insertAfter；你具體的需求不清楚，只能假設一種情況回復你了

G. 用js實現動態添加表格數據

<tablewidth="600"border="1"cellspacing="0">

<thead>

<tr>

<th>編號</th>

<th>姓名</th>

<th>職位</th>

<th>操作</th>

</tr>

</thead>

<tbodyid="tbMain"></tbody>

</table>

<scripttype="text/javascript">

//模擬一段JSON數據，實際要從資料庫中讀取

varper=[

{id:001,name:'張珊',job:'學生'},

{id:002,name:'李斯',job:'教師'},

{id:003,name:'王武',job:'經理'}

];

window.onload=function(){

vartbody=document.getElementById('tbMain');

for(vari=0;i<per.length;i++){//遍歷一下json數據

vartrow=getDataRow(per[i]);//定義一個方法,返回tr數據

tbody.appendChild(trow);

}

}

functiongetDataRow(h){

varrow=document.createElement('tr');//創建行

varidCell=document.createElement('td');//創建第一列id

idCell.innerHTML=h.id;//填充數據

row.appendChild(idCell);//加入行，下面類似

varnameCell=document.createElement('td');//創建第二列name

nameCell.innerHTML=h.name;

row.appendChild(nameCell);

varjobCell=document.createElement('td');//創建第三列job

jobCell.innerHTML=h.job;

row.appendChild(jobCell);

//到這里，json中的數據已經添加到表格中，下面為每行末尾添加刪除按鈕

vardelCell=document.createElement('td');//創建第四列，操作列

row.appendChild(delCell);

varbtnDel=document.createElement('input');//創建一個input控制項

btnDel.setAttribute('type','button');//type="button"

btnDel.setAttribute('value','刪除');

//刪除操作

btnDel.οnclick=function(){

if(confirm("確定刪除這一行嘛？")){

//找到按鈕所在行的節點，然後刪掉這一行

this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);

//btnDel-td-tr-tbody-刪除(tr)

//刷新網頁還原。實際操作中，還要刪除資料庫中數據，實現真正刪除

}

}

delCell.appendChild(btnDel);//把刪除按鈕加入td，別忘了

returnrow;//返回tr數據

}

</script>

(7)js文本框內容添加到表格擴展閱讀

js動態創建表格

vartab=document.createElement("table");

tab.border="1px";

document.body.appendChild(tab);

for(vari=0;i<3;i++){

vartr=document.createElement("tr");

for(varj=0;j<3;j++){

vartd=document.createElement("td");

td.innerHTML=Math.round(Math.random()*9);

tr.appendChild(td);

}

tab.appendChild(tr);

vardel=document.createElement("td");

del.innerHTML="刪除";

tr.appendChild(del);

del.onclick=function(){

this.parentNode.remove();

}

}