页面多条输入时第一行的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.确认收货 </...
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 ...
<td class="gray_1">不小于5个汉字或10个字母,详细的标题容易被下载。</td> </tr> <tr> <th>资源类型:</th> <td> <select name="sel_filetype" id="sel_filetype"> <option value=...
<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> ...
在这个例子中,HTML结构包含两个`<table>`元素,每个`<table>`内部都包含了多个`<td>`元素作为选项卡按钮,以及对应的`<div>`元素用于展示选项卡内容。 #### CSS样式 接下来是CSS部分,用于定义选项卡的外观样式:...
JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在客户端脚本中扮演着重要角色。本文将深入探讨如何使用JS实现一个活动日历功能,包括在日历中添加活动,以及当鼠标悬停在有活动的日期上时,如何...
在微信开发过程中,为了提供一致且美观的用户体验,开发者经常使用WeUI框架。然而,原始的WeUI框架仅包含了CSS样式文件,不包含用于实现功能的JavaScript代码。针对这一情况,我们可以自行添加JavaScript来实现一些...
<p>在这场没有硝烟的战争中,全国各地的医护人员纷纷驰援疫区,展现出了惊人的凝聚力和战斗力。</p> </article> </section> </main> <footer> <p>版权所有 © 2023 抗击疫情专题页设计制作成品</p> </footer> </...
在Web开发中,为了提高用户体验以及页面的交互性,常常会利用CSS与JavaScript结合来实现一些动态效果,如鼠标悬停时表单元素的颜色变化等。这种方式不仅可以使表单更加生动有趣,还能增加用户的操作乐趣。 #### 二...
<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> ...
<li><a href="#">首页</a></li> <li><a href="#">关于我们</a></li> <li><a href="#">旅游景点</a></li> <li><a href="#">美食文化</a></li> <li><a href="#">联系我们</a></li> </ul> </div> </nav> <!--导航...
<div align="center"> <input type="button" onmouseover=this.className="but12"; onmouseout=this.className="but11"; name="previous" title="上一首" onclick="previous();"> <input type="button" ...
<td align="center" valign="top">内容3</td> </tr> </tbody> <tbody style="display: none;"> <tr> <td align="center" valign="top"> ``` #### 三、选项卡控件的工作原理 从上面的代码中可以看出,整个...
<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="键盘控制....