📄 demo05_01.html
字号:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 显示物品窗口 </TITLE>
<script>
//向父窗口表格中添加一行
function addToParent() {
//得到选中行
var cGetRow=window.event.srcElement.parentElement.parentElement.rowIndex;
//得到父窗体及子窗体中的表格
var windowObj=window.dialogArguments;
var subTable=windowObj.document.getElementsByTagName("table")[0];
var mainTable=document.getElementsByTagName("table")[0];
if(subTable.rows[1].innerText=="暂无物品"){
subTable.deleteRow(1);
}
var tempRow=subTable.insertRow();//添加一行
var mainRows=mainTable.rows[cGetRow];//获取选中行
//操作一行
for(i=0;i<mainRows.cells.length;i++)
{
var content= mainRows.cells[i].innerHTML;//获取每一个单元格的内容
var tempCell=tempRow.insertCell();
if(i==mainRows.cells.length-1){
tempCell.innerHTML="<input type='button' value='删除' onClick='deleteOneRow();'>";
}else{
tempCell.innerHTML=content;
}
}
//如果父窗体表格的第一行为"暂无物品"，则删掉这第o一行。使用table对象的deleteRow(index)方法
//得到新的"行对象"。使用table对象的insertRow()
//如：var newTr=xxx;
//往行对象上添加子窗体表格中所行的列
//for(var i=0;i<subTable.rows[0].cells.length-1;i++) {
//如:newTr.insertCell().innerHTML=xxx;
//}
//添加删除按钮
//如:newTr.insertCell().innerHTML="xxxx"
}
</script>
</HEAD>
<BODY bgcolor="abbbbb">
<center>
<TABLE border="1" bgcolor="ffffff" id="subTable">
<tr bgcolor="bbbbbb">
<TH>序号</TH>
<TH>名称</TH>
<TH>价格</TH>
<TH>是否添加</TH>
</tr>
<TR>
<TD>0001</TD>
<TD>键盘</TD>
<TD>98.0</TD>
<TD><input type="button" value="添加" onClick="addToParent();"></TD>
</TR>
<TR>
<TD>0002</TD>
<TD>鼠标</TD>
<TD>58.0</TD>
<TD><input type="button" value="添加" onClick="addToParent();"></a></TD>
</TR>
<TR>
<TD>0003</TD>
<TD>内存</TD>
<TD>350.0</TD>
<TD><input type="button" value="添加" onClick="addToParent();"></a></TD>
</TR>
</TABLE>
</center>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -