`
lihao2372
  • 浏览: 5617 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

<td class="css" align=center>的居中不在className和innerHTML中被提取

阅读更多
   页面多条输入时第一行的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地方的关联影响。
0
0
分享到:
评论

相关推荐

    table点击表头排序

    // &lt;td width="100" align="center"&gt;&lt;span id="idAddtime"&gt;上传时间&lt;/span&gt;&lt;/td&gt; // &lt;td width="50" align="center"&gt;&lt;span id="idSize"&gt;大小&lt;/span&gt;&lt;/td&gt; // &lt;td width="30" align="center"&gt;&lt;span id="idCheckbox"&gt;...

    CSS下拉菜单导航多级下拉

    &lt;li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'"&gt;账户管理 &lt;div class="list"&gt; &lt;a href="#"&gt;我爱CSS&lt;/a&gt;&lt;br /&gt; &lt;a href="#"&gt;我的首页&lt;/a&gt;&lt;br /&gt; &lt;a href="#"&gt;我...

    当当网模板非常好用详细

    &lt;LI&gt;&lt;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&gt; &lt;A href...

    JavaScript 实现HTML业务流程图

    &lt;div class="flow_step_no1 " id='step_div'&gt; &lt;!-- s --&gt; &lt;DIV class=flow_step&gt; &lt;OL class=cols5&gt; &lt;LI class=step_1&gt;1.确认订单信息 &lt;/LI&gt; &lt;LI class=step_2&gt;2.付款到财付通 &lt;/LI&gt; &lt;LI class=step_3&gt;3.确认收货 &lt;/...

    js+css左侧下拉导航菜单

    js+css下拉导航菜单 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta ...

    浮点vfdsfJAVA实现链表,双向链表.txtJAVA实现链表,双向链表.txt

    &lt;td class="gray_1"&gt;不小于5个汉字或10个字母,详细的标题容易被下载。&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;th&gt;资源类型:&lt;/th&gt; &lt;td&gt; &lt;select name="sel_filetype" id="sel_filetype"&gt; &lt;option value=...

    兰州理工大学网页制作作业

    &lt;li class="bg1"&gt;&lt;a href="#"&gt;3&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;4&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;5&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;6&lt;/a&gt;&lt;/li&gt; &lt;li class="bg1"&gt;&lt;a href="#"&gt;7&lt;/a&gt;&lt;/li&gt; ...

    javascript css红色经典选项卡效果实现代码_.docx

    在这个例子中,HTML结构包含两个`&lt;table&gt;`元素,每个`&lt;table&gt;`内部都包含了多个`&lt;td&gt;`元素作为选项卡按钮,以及对应的`&lt;div&gt;`元素用于展示选项卡内容。 #### CSS样式 接下来是CSS部分,用于定义选项卡的外观样式:...

    JS 实现活动日历代码

    JavaScript(简称JS)是一种广泛用于网页和网络应用的编程语言,尤其在客户端脚本中扮演着重要角色。本文将深入探讨如何使用JS实现一个活动日历功能,包括在日历中添加活动,以及当鼠标悬停在有活动的日期上时,如何...

    weui框架实现上传、预览和删除图片功能代码

    在微信开发过程中,为了提供一致且美观的用户体验,开发者经常使用WeUI框架。然而,原始的WeUI框架仅包含了CSS样式文件,不包含用于实现功能的JavaScript代码。针对这一情况,我们可以自行添加JavaScript来实现一些...

    抗击疫情静态HTML网页作业作品 大学生抗疫感动专题页设计制作成品 简单DIV CSS布局网站

    &lt;p&gt;在这场没有硝烟的战争中,全国各地的医护人员纷纷驰援疫区,展现出了惊人的凝聚力和战斗力。&lt;/p&gt; &lt;/article&gt; &lt;/section&gt; &lt;/main&gt; &lt;footer&gt; &lt;p&gt;版权所有 © 2023 抗击疫情专题页设计制作成品&lt;/p&gt; &lt;/footer&gt; &lt;/...

    div+CSs表单鼠标移动变色

    在Web开发中,为了提高用户体验以及页面的交互性,常常会利用CSS与JavaScript结合来实现一些动态效果,如鼠标悬停时表单元素的颜色变化等。这种方式不仅可以使表单更加生动有趣,还能增加用户的操作乐趣。 #### 二...

    eclipse-testng 离线包下载

    &lt;xsl:param name="testNgXslt.cssFile"/&gt; &lt;xsl:param name="testNgXslt.showRuntimeTotals"/&gt; &lt;xsl:param name="testNgXslt.reportTitle"/&gt; &lt;xsl:param name="testNgXslt.sortTestCaseLinks"/&gt; &lt;xsl:param ...

    QQ网页在线客服1

    &lt;span 9pt"&gt;&lt;FONT color=#FF0000&gt;站点留言簿&lt;/FONT&gt;&lt;/span&gt;&lt;/a&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/td&gt; &lt;td background="http://img.lingd.net/attachments/date_201102/e3530440a621a3f0bbd4479623d87810.jpg"&gt; &lt;/td&gt; ...

    简单家乡风景静态HTML网页设计作品 DIV布局家乡介绍网页模板代码 DW个人网站制作成品 web网页制作与实现

    &lt;li&gt;&lt;a href="#"&gt;首页&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;关于我们&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;旅游景点&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;美食文化&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="#"&gt;联系我们&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/nav&gt; &lt;!--导航...

    网页播放器代码(javascript 播放器 控制)

    &lt;div align="center"&gt; &lt;input type="button" onmouseover=this.className="but12"; onmouseout=this.className="but11"; name="previous" title="上一首" onclick="previous();"&gt; &lt;input type="button" ...

    asp.net选项卡控件代码

    &lt;td align="center" valign="top"&gt;内容3&lt;/td&gt; &lt;/tr&gt; &lt;/tbody&gt; &lt;tbody style="display: none;"&gt; &lt;tr&gt; &lt;td align="center" valign="top"&gt; ``` #### 三、选项卡控件的工作原理 从上面的代码中可以看出,整个...

    JS封装通过className获取元素的函数示例

    &lt;div class=star&gt;&lt;/div&gt; &lt;div class=star&gt;&lt;/div&gt; &lt;div class=app&gt;&lt;/div&gt; &lt;p class=star&gt;&lt;/p&gt; &lt;p class=ar&gt;&lt;/p&gt; &lt;/div&gt; 假设要获取所有.star元素 function getByClass(oparent,sClass){ var aEle=oparent....

    客户端实验设计

    &lt;p&gt;&lt;span id="textdis" class=""&gt;&lt;/span&gt; &lt;input name="ok" type="button" value="显示文字" onclick="show()" /&gt; &lt;input name="ok" type="button" value="改变文字" onclick="change()" /&gt; &lt;p&gt;&lt;a href="键盘控制....

Global site tag (gtag.js) - Google Analytics