js与页面InnerHTML用法
hhhkhhh 2012-10-29
<scriptlanager="javascript">
/**
*设置checkBox选择状态
*/
functioncheckAll(checked,selName){
varselOper=document.getElementsByName(selName);
varlen=selOper.length;
for(vari=0;i<len;i++)
{
if(checked==true)
{
selOper[i].checked=true;
}else{
selOper[i].checked=false;
}
}
}function insertTabRow(){
vartab=document.getElementById("ctrltab");
vartbody=tab.tBodies.item(0);
varrowsLen=tbody.rows.length;
if(rowsLen>0){
for(vari=rowsLen-1;i>=0;i--){
tbody.deleteRow(i);//删除行
}
}
vartrobjTitle=tbody.insertRow(tbody.rows.length);
trobjTitle.classname="";
varoTCellT=trobjTitle.insertCell(0);
oTCellT.innerHTML="<inputtype=checkboxname='chkAll'onClick=checkAll(this.checked,'chkIds')checkedclass='radio'>";
vartrobj=tbody.insertRow(tbody.rows.length);
varoTCell=trobj.insertCell(0);
oTCell.classname="";
oTCell.innerHTML="<inputtype=checkboxname='chkIds'value='001'checkedclass='radio'>";
}function doSearch(){
DataManager.getCtrlFiles(sbrq,bwlx,callbackMethod)
}function callbackMethod(data){
vartab=document.getElementById("ctrltab");
vartbody=tab.tBodies.item(0);
varrowsLen=tbody.rows.length;
if(rowsLen>0){
for(vari=rowsLen-1;i>=0;i--){
tbody.deleteRow(i);
}
}
vartrobjTitle=tbody.insertRow(tbody.rows.length);
trobjTitle.classname="ListTdSeq";
varoTCellT=trobjTitle.insertCell(0);
oTCellT.innerHTML="<lable>全选</lable><inputtype=checkboxname='chkAll'onClick=checkAll(this.checked,'chkIds')checkedclass='radio'>";
oTCellT=trobjTitle.insertCell(1);
oTCellT.innerHTML="名称";
oTCellT=trobjTitle.insertCell(2);
oTCellT.innerHTML="类型";
vark=1;
if(data!=''){
for(varpropertyindata){
if(data[property].wjbs!=null&&data[property].apptype!='')
{
varwjbs=data[property].wjbs;
varapptype=data[property].apptype;
vartrobj=tbody.insertRow(tbody.rows.length);
if(k%2){
trobj.classname="ListTrJi";
}else{
trobj.classname="ListTrOu";
}
varoTCell=trobj.insertCell(0);
oTCell.classname="ListTdSeq";
oTCell.innerHTML="<inputtype=checkboxname='chkIds'value='"+wjbs+"'checkedclass='radio'>";
oTCell=trobj.insertCell(1);
oTCell.innerHTML="<imgsrc='/BankCapitalWeb/includes/images/folder.gif'border='0'align='AbsBottom'> <lablename='wjbs'>"+wjbs+"</lable>";
oTCell=trobj.insertCell(2);
oTCell.innerHTML="<lablename='apptype'>"+apptype+"</lable>";
}
k++;
}
}elseif(data==''){
vartrobj=tbody.insertRow(tbody.rows.length);
trobj.classname="NoResultTr";
varoTCell=trobj.insertCell(0);
oTCell.classname="NoResultTd";
oTCell.colspan="3";
oTCell.innerHTML="<bean:messagekey='prompt.noresult'/>";
}
}</script>
<body>
<tableid="ctrltab"border=0cellspacing=1cellpadding=2width="80%">
</body>
相关推荐
现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了。例如top.innerHTML="<input type="button" name=&qu
JavaScript代码innerHTML='<option>1</option>'的时候测试出来的结果却是"1</option>"，ie6 7 8 都存在这个问题。经过测试，发现 在用innerHT