-
JS table新增一行的时候 如何在新增的这一行把样式也加进去 例如变成<tr class="trd0">5
JS：
var tab = document.getElementById("tab");
var newTr = tab.insertRow(-1);
newTr.id = "tr_" + trId;
var newTdContent = newTr.insertCell(1); //第一列
var newTdCaoZuo = newTr.insertCell(2); //第二列
//设置二列的数据
newTdContent.innerHTML = "<textarea rows='5' cols='40'name='getContent' id='getContent'>" + content.value + "</textarea>";
newTdCaoZuo.innerHTML = "<input type='button' onclick='moveTr("+trId+")' value='移除'>";
现在是，新增的一行在table里面跟被新增行的table里面的行表示出来的不同，因为被新增的table里面样式是有限定的
table
<tr class="trd0">
<td>..</td>
<tr>
所以现在希望能在新增的时候能不能把 newTr 的样式 class="trd0" 增加进去。
在线求！
2012年8月28日 21:48
1条评论
关注(0)6个答案 按时间排序 按投票排序
-
既然创建了新的tr对象.那么,就直接修改它的class属性为指定值就可以了.
可以直接:
newTr.className = "trd0";2012年8月29日 18:21
-
<body>
<table id="tab" border="2">
<tr id="tr0">
<td id="td0">123</td>
<td>123123</td>
<tr>
</table>
</body>
<script type="text/javascript">
var tab = document.getElementById("tab");
var newTr = tab.insertRow(-1);
newTr.id = "tr_" ;
var newTdContent = newTr.insertCell(); //第一列
var newTdCaoZuo = newTr.insertCell(0); //第二列
//设置二列的数据
newTdContent.innerHTML = "<textarea rows='5' cols='40'name='getContent' id='getContent'>" + "content.value" + "</textarea>";
newTdCaoZuo.innerHTML = "<input type='button' onclick='moveTr' value='移除'>";
//document.getElementById("tr_2").cells[0].className = "td11";
//以下2行都可以实现给tr增加新样式
//document.getElementById("tr_").className="tr11";
document.getElementById("tr_").setAttribute("className","tr11");
</script>
<style type="text/css">
.tr11{
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #4f6b72;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA no-repeat;
}
</style>2012年8月29日 10:22
相关推荐
功能说明： 管理员功能： 管理员登陆后，主要模块包括个人中心、用户管理、图书类型管理、热卖图书管理、管理员管理、系统管理、订单管理等功能。 用户功能： 用户登陆后，主要模块包括首页、热卖图书、公告信息、个人中心、后台管理、购物车、在线客服等功能。环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上 数据库工具：Navicat11及以上 开发软件：eclipse/idea Maven包：Maven3.3及以上 服务器：tomcat7及以上。。。
文件放服务器下载，请务必到电脑端资源预览或者资源详情查看然后下载
文件放服务器下载，请务必到电脑端资源预览或者资源详情查看然后下载
CCF 编 程 能 力 等 级 认 证 ， 英 文 名 Grade Examination of Software Programming（以下简称 GESP），由中国计算机学会发起并主办，是为青少年计 算机和编程学习者提供学业能力验证的平台。GESP 覆盖中小学全学段，符合条 件的青少年均可参加认证。GESP 旨在提升青少年计算机和编程教育水平，推广 和普及青少年计算机和编程教育。 GESP 考察语言为图形化（Scratch）编程、Python 编程及 C++编程，主要 考 察学生掌握相关编程知识和操作能力，熟悉编程各项基础知识和理论框架， 通过 设定不同等级的考试目标，让学生具备编程从简单的程序到复杂程序设计 的编程 能力，为后期专业化编程学习打下良好基础。
骨折检测32-YOLO（v5至v9）数据集合集.rarfracture_transformers-V2 2024-07-13 9:04 pm ============================= *与您的团队在计算机视觉项目上合作 *收集和组织图像 *了解和搜索非结构化图像数据 *注释，创建数据集 *导出，训练和部署计算机视觉模型 *使用主动学习随着时间的推移改善数据集 对于最先进的计算机视觉培训笔记本，您可以与此数据集一起使用 该数据集包括24069张图像。 裂缝以Yolo V5 Pytorch格式注释。 将以下预处理应用于每个图像： *通过对比度拉伸自动对比 应用以下扩展来创建每个源图像的3个版本： * -7度和+7度之间的随机旋转 * -15％至+15％之间的随机BRIGTHNESS调整
科学计算和词云库的学习
西门子V90 如何更改EPOS点动速度
【vue微前端】微前端架构实现(项目引入，消息总线，构建部署，监听服务)zip
基于java的网上奶茶店系统的设计与实现答辩PPT
租客进入本系统可查看系统信息，包括网站首页、公告信息以及房屋信息，注册登录主要功能模块包括个人中心、看房申请管理、租赁合同管理、收租信息管理、报修信息管理。 管理员可登录系统后台，登录后可对系统进行全面管理，包括个人中心、公告信息管理、租客管理、户主管理、房屋信息管理、看房申请管理、租赁合同管理、收租信息管理、报修信息管理、收租统计管理以及维修数据管理。 项目包含完整前后端源码和数据库文件 环境说明： 开发语言：Java 框架：springboot，mybatis JDK版本：JDK1.8 数据库：mysql 5.7 数据库工具：Navicat11 开发软件：eclipse/idea Maven包：Maven3.3
功能说明： 管理员功能： 管理员登陆后，主要包括主页、个人中心、用户管理、企业管理、职位类型管理、招聘信息管理、应聘信息管理、政策信息管理、职业规划管理、面试技巧管理、系统管理等功能。环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上 数据库工具：Navicat11及以上 开发软件：eclipse/idea Maven包：Maven3.3及以上 服务器：tomcat7及以上。。。
android AMS WMS 涉及学习阅读的相关源码包括activity、ActivityManagerService、SystemServer、WindowManagerService等文件
基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目），个人经导师指导并认可通过的高分毕业设计项目，评审分98分，项目中的源码都是经过本地编译过可运行的，都经过严格调试，确保可以运行！主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的学习者，也可作为课程设计、期末大作业，资源项目的难度比较适中，内容都是经过助教老师审定过的能够满足学习使用需求，可以放心下载使用。 基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目）基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目）基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目）基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目）基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目）基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目）基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分项目）基于Yolov5的工地安全帽、反光衣的检测识别项目源码+模型文件（高分
【作品名称】：基于51单片机的一个智能密码锁设计 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【项目介绍】：本密码锁分为门外门内两部分。 (1). 门内用户权限 采用红外遥控器输入，均设8位密码，0~9的数字密码有效，门内用户可以输入密码开锁，输入密码错误小于三次时，红灯闪烁两秒，当密码输入三次错误时，蜂鸣器报警5s，密码锁锁住5s，此时门内用户无法输入密码。 当用户输对密码后，（只有输入密码正确后才有此权限）可以按（0x46）键设置新密码，当输入的密码够8位时按下（EQ）键再次确认输入的新密码，若两次输入的密码相同则新密码设置成功，否则失败。而且当用户输入的新密码不够8位就按下（EQ）键时，系统直接提示新密码设置错误。（成功与失败都是绿灯亮，蜂鸣器报警） 门内用户还有时间显示权限，用户按下（0x47）键时，显示屏显示当前的时间。 【资源声明】：本资源作为“参考资料”而不是“定制需求”，代码只能作为参考，不能完全复制照搬。需要有一定的基础看懂代码，自行调试代码并解决报错，能自行添加功能修改代码。
功能说明： 环境说明： 开发语言：Java 框架：ssm，mybatis JDK版本：JDK1.8 数据库：mysql 5.7及以上 数据库工具：Navicat11及以上 开发软件：eclipse/idea Maven包：Maven3.3及以上 服务器：tomcat7及以上。。。
基于Ssm+Vue设计与实现，高分通过项目，已获导师指导。 本项目主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。也可作为课程设计、期末大作业 包含：项目源码、数据库脚本、开发说明文档、部署视频、代码讲解视频、全套软件等，该项目可以直接作为毕设使用。 项目都经过严格调试，确保可以运行！ 环境说明： 开发语言：Java 框架：spring，springmvc，vue，mybatis JDK版本：JDK1.8 数据库：mysql 5.7数据库工具：Navicat11开发软件：eclipse/idea Maven包：Maven3.3
倾心家教 安卓移动应用开发 Android Studio
用 Java 编写的瑞士地图实现。
matlab