js插入表行 js设置tr属性
来源:互联网 发布:猎鹿帽为什么前后 知乎 编辑:程序博客网 时间:2024/05/29 11:23
<table id="table" class="ke-zeroborder" cellspacing="0" cellpadding="0" border="1">
<tbody><tr><td colspan="12" >风险发生概率的判断:<br />高风险:发生概率超过60%;<br />
中风险:发生概率在30%到60%之间;<br />
低风险:发生概率小于30%<br />
<br />
风险严重性的判断:<br />
高严重性:会严重影响项目进度,导致项目延期20%以上,或严重影响到项目质量,项目的质量到了无法评估的地步等等;<br />
中严重性:对项目的进度和质量影响不是很大,在可控范围内,如项目延期不会超过20%,项目的质量明确可以得到保障;<br />
低严重性:对项目影响较小,可以很容易规避。</td>
</tr>
<tr>
<td class="A">操作</td>
<td class="A">序号</td>
<td class="A">风险事件归类</td>
<td class="A">发现阶段</td>
<td class="A">发生概率</td>
<td class="A">严重性</td>
<td class="A">风险分析</td>
<td class="A">风险措施</td>
<td class="A">责任人(唯一)</td>
<td class="A">状态</td>
<td class="A">当前进展</td>
<td class="A">备注</td>
</tr>
<tr class="R1">
<td rowspan="3" name="R1td"><input type="button" name="R1" value="增加行" onclick="test(this)" /></td>
<td rowspan="3" name="R1td">1</td>
<td rowspan="3" name="R1td">苹果6月1号协议</td>
<td>功能测试</td>
<td>高</td>
<td>高</td>
<td>增加延期;</td>
<td>项目延期10天;</td>
<td>A</td>
<td>已发生</td>
<td></td>
<td></td>
</tr>
<tr class="R1">
<td >功能测试</td>
<td>高</td>
<td>高</td>
<td>开发和sssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss测试都;</td>
<td>开发先搭建一项目质量;</td>
<td>B</td>
<td>未发生</td>
<td></td>
<td></td>
</tr>
<tr class="R1">
<td>功能测试</td>
<td>高</td>
<td>高</td>
<td>定</td>
<td>和平台组进崩溃</td>
<td>C</td>
<td>已发生</td>
<td></td>
<td></td>
</tr>
<tr class="R2">
<td rowspan="3" name="R2td"><input type="button" name="R2" value="增加行" onclick="test(this)" /></td>
<td rowspan="3" name="R2td">1</td>
<td rowspan="3" name="R2td">苹果6月1号协议</td>
<td>功能是是事实上事实上事实上事实上测试</td>
<td>高</td>
<td>高</td>
<td>增加的顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶大 延期;</td>
<td>项目延期10天;</td>
<td>A</td>
<td>已发生</td>
<td></td>
<td></td>
</tr>
<tr class="R2">
<td >功能测试</td>
<td>高</td>
<td>高</td>
<td>开发和ss呃呃呃鹅鹅鹅鹅鹅鹅饿鹅鹅鹅饿鹅鹅鹅饿嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎嘎测试都;</td>
<td>开发先搭建一项目质量;</td>
<td>B</td>
<td>未发生</td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
<script>
function test(obj)
{
//或用饭斜杠续行
var R1InnerHtml ='<tr class="R1"><td>  </td><td></td><td> </td><td></td><td></td><td></td><td></td><td></td><td></td></tr>';
var classFlag = obj.name;
var rowStartIndex = obj.parentNode.parentNode.rowIndex ;
var rowChildCount = document.getElementsByClassName(classFlag).length;
var rowLocated = rowStartIndex + rowChildCount;
var tableObj = document.getElementById("table");
var rowNew = tableObj.insertRow(rowLocated);
rowNew.setAttribute("class",classFlag);
rowNew.innerHTML = R1InnerHtml;
var TDRowSpan = document.getElementsByName(classFlag + 'td');
for(var i in TDRowSpan){
TDRowSpan[i].rowSpan = rowChildCount +1;
}
}
</script>
<style type="text/css">
.A{width:90px;height:35px;}
</style>
- js插入表行 js设置tr属性
- JS 插入tr、td
- JS设置table tr 的display 失效
- JS 设置属性值
- js设置css属性
- js动态给table添加行(tr)
- js拖动table行tr排序
- js tr td dom 增加行
- 超好用的删除行tr js代码
- js遍历td,tr
- js操作table tr
- js遍历tr
- js实现table添加行tr、删除行tr、清空行tr
- js在指定tr后面添加tr
- js 设置属性另外方式
- 动态设置js的属性
- js弹窗属性设置
- js中设置css属性
- ajax文件上传
- SpringJDBC中DataSource的实现
- FFMPEG命令集
- 关于git(SourceTree)的几个疑问及解答(待自己学会来解答)
- Jtester框架初体验
- js插入表行 js设置tr属性
- 用ImageMagick转换缩小JPG图像提高图像质量的方法
- VS2010旗舰版+LUA环境配置
- input标签内容改变的触发事件
- wordpress 国际化
- Nslookup命令
- Java随笔(2)I/O流中InputStream/OutputStream
- quick-cocos2d 中自定义事件监听方法
- 嵌入式系统移植步骤详解