页面多条输入时第一行的html table静态显示在页面上,通过点击“新增”按钮新增一行输入框,这里是用javascript实现的,将另一个style=display:none的table每列cells的className和innerHTML赋值给新TR的办法插入到原表下方。
原表第一列是居中的,<td class="css" align=center>。但innerHTML仅能取到TD内部的内容,className取到了css,align的居中属性在这次传递中丢失了,新插入行的第一列不再居中。
两个解决办法:
1 TD内容外围再包一层<center></center>。
2 引用的css新增text-align:center居中属性,当然要分析其他引用此css地方的关联影响。
分享到:
相关推荐
// <td width="100" align="center"><span id="idAddtime">上传时间</span></td> // <td width="50" align="center"><span id="idSize">大小</span></td> // <td width="30" align="center"><span id="idCheckbox">...
<li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">账户管理 <div class="list"> <a href="#">我爱CSS</a><br /> <a href="#">我的首页</a><br /> <a href="#">我...
<LI><INPUT class=btn_login id=btnSignCheck onmouseover="this.className='btn_login hover'" onclick=sign_check_and_submit() onmouseout="this.className='btn_login'" type=button name=btn_login> <A href...
<div class="flow_step_no1 " id='step_div'> <!-- s --> <DIV class=flow_step> <OL class=cols5> <LI class=step_1>1.确认订单信息 </LI> <LI class=step_2>2.付款到财付通 </LI> <LI class=step_3>3.确认收货 </...
<td class="gray_1">不小于5个汉字或10个字母,详细的标题容易被下载。</td> </tr> <tr> <th>资源类型:</th> <td> <select name="sel_filetype" id="sel_filetype"> <option value=...
js+css下拉导航菜单 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta ...
<li class="bg1"><a href="#">3</a></li> <li class="bg1"><a href="#">4</a></li> <li class="bg1"><a href="#">5</a></li> <li class="bg1"><a href="#">6</a></li> <li class="bg1"><a href="#">7</a></li> ...
<xsl:param name="testNgXslt.cssFile"/> <xsl:param name="testNgXslt.showRuntimeTotals"/> <xsl:param name="testNgXslt.reportTitle"/> <xsl:param name="testNgXslt.sortTestCaseLinks"/> <xsl:param ...
<span 9pt"><FONT color=#FF0000>站点留言簿</FONT></span></a></td> </tr> </table> </td> <td background="http://img.lingd.net/attachments/date_201102/e3530440a621a3f0bbd4479623d87810.jpg"> </td> ...
<div align="center"> <input type="button" onmouseover=this.className="but12"; onmouseout=this.className="but11"; name="previous" title="上一首" onclick="previous();"> <input type="button" ...
<div class=star></div> <div class=star></div> <div class=app></div> <p class=star></p> <p class=ar></p> </div> 假设要获取所有.star元素 function getByClass(oparent,sClass){ var aEle=oparent....
<p><span id="textdis" class=""></span> <input name="ok" type="button" value="显示文字" onclick="show()" /> <input name="ok" type="button" value="改变文字" onclick="change()" /> <p><a href="键盘控制....
<style type="text/css"> body{ color: #000; font-family: "宋体", arial; font-size: 12px; background: #fff; text-align: center; margin: 0; } .nTab{ float: left; width: 240px; margin: 0 auto; border-...
<DIV class=tagContent id=tagContent2>第三个标签的内容</DIV></DIV></DIV> <p> <SCRIPT type=text/javascript> function selectTag(showContent,selfObj){ // 操作标签 var tag = document.getElementById(...
<?xml version="1.0" encoding="UTF-8"?> <!--官方网站:http://ant.apache.org/--> <project name="myAntProject" basedir="." default="package"> <!--定义文件目录的name和value--> <property name="compile...
<td>春</td><td>眠</td><td>不</td><td>觉</td><td>晓</td> </tr> <tr> <td>花</td><td></td><td></td><td></td><td>处</td> </tr> <tr> <td>声</td><td></td><td></td><td></td><td>处</td> </tr> <tr> ...
> </p> </div></td> </tr> <tr> <td></td> </tr></table></center></div><div align="center"><center><table width="113" border="1" cellspacing="0" cellpadding="...
" class="ct" onClick="$('lnkServiceToggle').onclick()" hidefocus="true">邮箱服务</a></div> <ul id="ulServiceFolders" > <LI id=s163 onMouseOver="this.className='over'" onMouseOut="this.className=''"> ...
-- 中心 --> <template> 动态获取父级class名称,进行一个父级class的多次定义 <div :class="className"> <div class="switch" v-on:click="chang()"> {{ className == "box" ? "开灯" : "关灯" }} </div> </...
这是个可以使用在网站首页的特效代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"...