JS table新增一行的时候如何在新增的这一行把样式也加进去例如变成<tr class="trd0">

0 0

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" 增加进去。
在线求！

JavaScript

2012年8月28日 21:48

shper87298
2
0 0 6

6个答案按时间排序按投票排序

0 0

采纳的答案

newTr.setAttribute("class", "trd0");

2012年8月28日 21:57

jinnianshilongnian
7280
2 3 591

14条评论

0 0

既然创建了新的tr对象.那么,就直接修改它的class属性为指定值就可以了.
可以直接:
newTr.className = "trd0";

2012年8月29日 18:21

yangkai0332
20
0 0 1

添加评论

0 0

直接newTr.className="'trd0";就行

2012年8月29日 18:03

renjie998
30
0 0 0

添加评论

0 0

建议用jquery的append 实现
这个比较简单里面可以直接写html代码

2012年8月29日 10:47

502220545
87
0 1 7

添加评论

0 0

<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

Copperfield
216
0 0 2

1条评论

0 0

newTr.className = 'trd0;

2012年8月28日 23:35

xwk19831010
30
0 0 0

添加评论

相关推荐

FX1N源码以及keil编译内容: 基本指令： LD LDI AND ANI OR ORI LDP LDF ANDP ANDF ORP ORF SET RST MPS MPP MRD ANB ...LD= <> <= >= AND= <> <= >= OR= <> <= >= SFTR SFTL SPD 支持32位D指令，支持上升沿P指令软件件范围 X0-X

STM32F103RCT6 仿三菱FX3U程序 KEIL 源码PLC工程: CPU需要：STM32F103--RAM内存不小于64K Flash内存不小于128K 串口使用：USART1-(PA9\PA10) 我们提供的是项目工程文件，所以...LD= <> <= >= AND= <> <= >= OR= <> <= >= SFTR SFTL SPD 支持32位D指令，支持上升沿P指令

STM32仿三菱FX2N源码: LD= <> <= >= AND= <> <= >= OR= <> <= >= SFTR SFTL SPD 支持32位D指令，支持上升沿P指令软件件范围 X0-X77 Y0-Y77 M0-M1535 M8000-M8255 S0-S999 C0-C255 T0-T255 D0-D5999 D8000-D8255 V0-V7 Z0-Z7 软元件掉电...

STM32仿三菱FX1S、FX1N、FX2N源码: LD= <> <= >= AND= <> <= >= OR= <> <= >= SFTR SFTL SPD 支持32位D指令，支持上升沿P指令软件件范围 X0-X77 Y0-Y77 M0-M1535 M8000-M8255 S0-S999 C0-C255 T0-T255 D0-D5999 D8000-D8255 V0-V7 Z0-Z7 软元件掉电...

STM32仿三菱FX2N源码啊: LD= <> <= >= AND= <> <= >= OR= <> <= >= SFTR SFTL SPD 支持32位D指令，支持上升沿P指令 ======================================= 软件件范围 X0-X77 Y0-Y77 M0-M1535 M8000-M8255 S0-S999 C0-C255 ...

pjblog实现类似CMS的首页调用: 在描述中提到的步骤中，关键在于更新`<div class="Content-top">`内的`<h1 class="ContentTitle">`标签，这通常包含博客分类的链接。原始代码如下： ```html <div class="Content-top"> <div class="ContentLeft">...

Delonghi德龙TRD40820T&TRD41020T 电油汀说明书.pdf: 3. 安全警示：在使用Delonghi德龙TRD40820T&TRD41020T 电油汀时，需要注意一些安全警示，例如避免儿童和宠物接近电器，避免电器与水接触，避免电器过热等。 4. 使用说明：Delonghi德龙TRD40820T&TRD41020T 电油汀的...

trd3d_OpenGL: 在本项目"trd3d_OpenGL"中，开发者使用了OpenGL在Visual Studio 2010环境下构建了一个针对3自由度（3-DoF）机械臂的模拟和轨迹规划系统。这个项目旨在研究如何通过OpenGL实现3D图形渲染，并对机械臂的运动学和动力学...

TRD-J中文A版.pdf: TRD-J系列包括三种型号：TRD-J□-S□、TRD-J□-RZ□ 和 TRD-J□-RZV□，下面将详细介绍这些型号的技术规格和使用要点。 ### 技术规格 #### 电源电压 - **TRD-J□-S□ 和 TRD-J□-RZ□**：4.75V～30VDC - **TRD-J□...

TRD-J英文说明书: 光洋TRD-J系列旋转编码器是一款增量型编码器，它具备精确的位置测量能力，在使用前应仔细阅读官方提供的操作手册，以确保正确安装和使用。本部分内容将重点从产品安全、操作环境与条件、电气规格以及安装与布线上...

光洋旋转编码器 TRD系列.pdf: 光洋TRD系列旋转编码器是一类广泛应用于工业自动化、机器人、精密仪器等领域的测量元件。它能将机械旋转角度、位置或速度转换成电信号，以供后续处理。编码器通常被分为增量式和绝对式两种类型。增量式编码器通过...

KOYO光洋TRD-2T_2TH系列增量式旋转编码器使用手册.docx: KOYO光洋是知名的日本自动化设备制造商，其TRD-2T_2TH系列增量式旋转编码器是该品牌产品线中的一个重要组成部分。 **工作原理** 增量式旋转编码器通过检测码盘上的光栅或磁性材料的变化来产生脉冲信号。这些脉冲...

zynq-zc702-base-trd: 根据提供的文档信息，本部分将详细介绍有关“zynq-zc702-base-trd”主题的知识点，包括Zynq-7000 All Programmable SoC ZC702 Base Targeted Reference Design (TRD) 的内容、Xilinx产品的使用以及相关的设计概念和...

论文研究 - 氯胺酮输注（KI）治疗抗抑郁症（TRD）：回顾性临床数据分析: 目的：本文的目的是提供氯胺酮输注，重复经颅磁刺激（rTMS）和电抽搐治疗对顽固性抑郁症患者（TRD）的服务的临床数据分析结果。方法：该研究是对2017年至2019年间接受氯胺酮输注的患者常规收集数据的回顾性调查。所...

XDev：XDev是开放和免费的一组编译器，其他工具，库和设计模式，用于Oberon-2语言的跨平台和嵌入式开发。 DosDev，WinDev，LinDev，NesDev，MsxDev和ZXDev是目标平台MS-DOS，Windows 3264bit，Linux，NintendoNES，MSX和ZX Spectrum的XDev子系统: XDev XDev是一个开放和免费的环境（一组编译器，其他工具，库和设计模式），可用于采用模块化编程语言Oberon-2和...Oberon，Oberon-2 => [Ofront] => C => [SDCC] => ZX Spectrum TRD（TR-DOS图像）C => [SDCC] => ZX

TRD工法施工设计方案.doc: 在实际操作中，TRD工法施工设计方案需要与其他相关文件和数据结合，例如施工图纸、材料供应计划、施工进度计划等，以确保项目的顺利实施。此外，TRD工法施工设计方案还需要考虑到项目的环境影响、社会影响等因素，...

TRD_Dalyr.csv: 个股数据CSV支持下载作为学习

TRD工法施工组织方案.doc: TRD工法施工组织方案 TRD工法施工组织方案是指在某广大基础工程某项目中，使用TRD工法进行围护墙专项施工的组织方案。TRD工法是一种先进的施工技术，能够提高施工效率、降低施工成本、确保施工安全。 TRD工法简介 ...

TRD搅拌墙施工方案实例分析.doc: 本文通过对TRD搅拌墙施工方案的实例分析，介绍了TRD搅拌墙结构在市域铁路SS1线一期工程SGSG13标段范围内明挖区间的应用。关键词： TRD搅拌墙、施工方案、问题、措施 TRD搅拌墙结构简介 TRD搅拌墙是一种常用的...