`
lihao2372
  • 浏览: 5461 次
  • 性别: 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;/...

    浮点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=...

    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 ...

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

    &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; ...

    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; ...

    网页播放器代码(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" ...

    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="键盘控制....

    DIV滑动门代码

    &lt;style type="text/css"&gt; 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-...

    自适应宽度的标签导航

    &lt;DIV class=tagContent id=tagContent2&gt;第三个标签的内容&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt; &lt;p&gt; &lt;SCRIPT type=text/javascript&gt; function selectTag(showContent,selfObj){ // 操作标签 var tag = document.getElementById(...

    ant学习打包代码

    &lt;?xml version="1.0" encoding="UTF-8"?&gt; &lt;!--官方网站:http://ant.apache.org/--&gt; &lt;project name="myAntProject" basedir="." default="package"&gt; &lt;!--定义文件目录的name和value--&gt; &lt;property name="compile...

    跑马灯2.txt

    &lt;td&gt;春&lt;/td&gt;&lt;td&gt;眠&lt;/td&gt;&lt;td&gt;不&lt;/td&gt;&lt;td&gt;觉&lt;/td&gt;&lt;td&gt;晓&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;花&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;处&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;声&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;&lt;/td&gt;&lt;td&gt;处&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; ...

    网络考试系统

    &gt; &lt;/p&gt; &lt;/div&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt;&lt;/table&gt;&lt;/center&gt;&lt;/div&gt;&lt;div align=&quot;center&quot;&gt;&lt;center&gt;&lt;table width=&quot;113&quot; border=&quot;1&quot; cellspacing=&quot;0&quot; cellpadding=&quot...

    163和126的邮箱设计模板

    " class="ct" onClick="$('lnkServiceToggle').onclick()" hidefocus="true"&gt;邮箱服务&lt;/a&gt;&lt;/div&gt; &lt;ul id="ulServiceFolders" &gt; &lt;LI id=s163 onMouseOver="this.className='over'" onMouseOut="this.className=''"&gt; ...

    【JavaScript源代码】VUE项目实现主题切换的多种方法.docx

    -- 中心 --&gt; &lt;template&gt; 动态获取父级class名称,进行一个父级class的多次定义 &lt;div :class="className"&gt; &lt;div class="switch" v-on:click="chang()"&gt; {{ className == "box" ? "开灯" : "关灯" }} &lt;/div&gt; &lt;/...

    qq客服上用的图片焦点js+c

    这是个可以使用在网站首页的特效代码 &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"...

Global site tag (gtag.js) - Google Analytics