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

最新推荐文章于 2021-10-16 14:05:07 发布
最新推荐文章于 2021-10-16 14:05:07 发布
阅读量305 收藏
点赞数
文章标签： innerhtml classname javascript html css ViewUI
页面多条输入时第一行的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地方的关联影响。
shadowalker
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
class-names：有条件地将CSS类名结合在一起-在React中特别有用
02-04
类名有条件地将CSS类名连接在一起-在React中特别有用安装$ npm install @sindresorhus/class-names用法const classNames = require ( '@sindresorhus/class-names' ) ;classNames ( 'unicorn' , 'rainbow' ) ;//=> '...
html语言中<td>标签的class属性的作用
热门推荐
Hunter的博客
09-12 1万+
其实class属性的值对应的就是你定义的css的名字，它和class的属性值相对应。 例如：&lt;td class="t1"&gt;&lt;/td&gt; &lt;style type="text/css"&gt; .t1 { font-size: 12px;//字体大小 line-height: 22px;//文本行高 color: #000000;//文本颜色 margin: 6px;//...
html文本中心居中,在html数字输入中居中文本(Center text in html number input)
weixin_42458282的博客
05-31 1100
在html数字输入中居中文本(Center text in html number input)我有一个在html中的数字输入。 我想中心文本(即输入)在里面。 我当然做到了：text-align: center;哪种作品。 但问题是。 当显示这些箭头时，文本现在居中。 但是当箭头消失时，文本停留在现在不再是中心的相同位置。I have a number input in html. I want...
html table td 居中显示,table td怎么垂直居中显示 详解table中如何隐藏td?
weixin_30739835的博客
06-21 3467
在table中tr和td 有什么区别tabale就是表，tr其实就是table row也就是表中的行，td同理就是一个单元格。所以一个表中有多行，每个行里可以有多个单元格。 一个比较完整的表就是 Table控件 [1] 主要用于在web页面上创建表格，其功能与HtmlTable类似。html中的table标签中如何将几个合在一起的小编记得是记不起这个XXX是个需要准备的材料分别有：电脑、浏览器、h...
html innerhtml br,如何将javascript innerhtml居中
weixin_39900582的博客
06-18 347
好的,首先嗨,我对今天刚开始的这件事完全不熟悉,我正在编写一个脚本,需要添加一些内部HTML,我想知道我是否需要将每一行居中,或者将开始居中,而不是结束居中?我做得对吗?如果你觉得我可以做得更好,请让我知道不能做jquery。例Avar settingsHtml = '';settingsHtml += "settings";settingsHtml += "TEXT HERE";setting...
【CSS】实现元素水平居中和垂直居中的几种方式和示例
Zhouzhouzzz冲鸭
08-21 777
1. 水平居中 1.1 内联元素水平居中 利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。 <div class="center-text"> <p>我是内联元素</p> </div> .center-text { text-align: center; } 1.2 块级元素水平居中 通过把固定...
jsx-html-class:Babel插件允许在JSX中使用“类”而不是“ className”
05-18
jsx-html-class 插件，允许在JSX中使用“类”而不是“ ... 但是，考虑到我们已经在使用编译了此代码，为什么不将class转换为className而不用再​​考虑呢？ 如果您有幸让设计人员编写JSX，或者您经常将HTML复制并粘
eslint-plugin-classnames:在 JSX 中警告和格式化长类名的用法
08-04
eslint-plugin-classnames 在 JSX 中警告和格式化长类名的用法安装您首先需要安装 ： $ npm i eslint --save-dev接下来，安装eslint-plugin-classnames ： $ npm install eslint-plugin-classnames --save-dev用法将...
mini-css-class-name:最小大小的唯一CSS类名称生成器
04-29
mini-css-class-name 最小大小的唯一CSS类名称生成器。 它可以与和生态系统一起使用。安装npm i mini-css-class-name --save-dev# oryarn add mini-css-class-name -D如何使用const miniClassName = require ( "mini...
使用HTML5里的classList操作CSS类
12-14
在JavaScript和JavaScript工具库里征战多年，我经常有这样的遐想：什么时候现代浏览器里能提供一些辅助方法和类库，替代那些JavaScript工具库，比如jQuery，让我们用浏览器原生的方法替代它们。我知道浏览器必定会向...
innerHTML中标签可以换行的方法汇总
09-03
本文给大家分享的是一个在javascript中使用innerhtml输出的时候如何实现换行的小技巧，其实很简单，在需要换行的地方加上即可
html js设置文字垂直居中,javascript实现在指定元素中垂直水平居中
weixin_39907596的博客
06-11 2364
本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果，下面就以span元素为例子，介绍一下如何实现span元素在div中实现水平垂直居中效果，代码如下:#box{width:200px;height:150px;background:blue;position:relative;}#antzone{background:green;}window.onload=function()...
Jquery动态给表格中的Td追加class
steamPlayGame的博客
10-16 1126
Jquery动态给表格中的Td追加class <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(f
新手C#代码简洁性—函数篇
dengshen1146的博客
08-10 80
1.从Html代码抽取MVC HtmlHelper <td class = "noborder nopaddingv"> <div class = "aligncenter"> <a href="/Home/Index"> ...
innerHTML 用法
yihuei123的专栏
04-23 6577
用法：比如在中写了如下的代码：现在用top.innerHTML="..........";的方法就可以向这个id的位置写入HTML代码了。例如top.innerHTML="";就可以在top对应的位置出现一个button了！爽吧，在公告前加javascript就行老，直接改HTML。。。function Test(){        var str="";        str+="Hel
javascript 中innerHTML的用法
美丽的大黄人
06-25 1万+
javascript 中innerHTML的用法 语法 Object.innerHTML = “HTML”;//设置其内容 var html = Object.innerHTML;//获取其内容 例： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; ...
<table class="table text-center"> <tr> <td class="table-light" style="width: 45px" > <input type="checkbox" id="selectAll"> </td> <td class="table-primary">学生编号</td> <td class="table-info">学生学号</td> <td class="table-success">学生姓名</td> <td class="table-danger">学生性别</td> <td class="table-warning">学生出生日期</td> <td class="table-info">学生地址</td> <td class="table-light">学生电话</td> <td class="table-primary">学生照片</td> <td class="table-danger">学生班级</td> <td class="table-dark">操作</td> </tr> <c:forEach items="${list.list }" var="student" varStatus="status"> <tr> <td style="width: 45px" ><input type="checkbox" name="idCheckbox" value="${student.stuId }"> </td> <td>${student.stuId }</td> <td>${student.stuNo}</td> <td>${student.stuName }</td> <td>${student.stuSex }</td> <td>${student.stuBirth }</td> <td>${student.stuAddress }</td> <td>${student.stuPhone }</td> <td><img alt="" src="${pageContext.request.contextPath}/images/StudentPhoto/${student.stuPhoto }" width="100px" height="100px"></td> <td>${student.classes.className }</td>美化一下
最新发布
06-10
你可以使用 Bootstrap 或者其他 CSS 框架对这个... <td>${student.classes.className}</td> <td>操作按钮</td> </tr> </c:forEach> </tbody> </table> ``` 你可以根据自己的需求进行调整，达到更好的视觉效果。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值