给tr节点加动态自增长的id,比如给5个tr分别加id1，id2，id3，id4，id5，这5个id，然后在js里用getElementById来取到当前tr,并使tr的css的display属性设为none，同样再取到下一个tr处理
1，Javascript *** 作table,tr,td ，代码如下：function messageSort() { --函数名var message=documentgetElementById("message")value; --添加的内容(下面有对应的html)if(name == "" ) return; --如果添加为空,返回var row = documentcreateElement("tr"); //创建tr的rowsetAttribute("id", name); --设置row的属性 var cell = documentcreateElement("td");//创建tdcellappendChild(documentcreateTextNode(name));//td里注入文本rowappendChild(cell);//将TD注入TRvar deleteButton = documentcreateElement("input"); //这部分是添加删除button按钮deleteButtonsetAttribute("type", "button");deleteButtonsetAttribute("value", "删除");deleteButtononclick = function () { deleteSort(name); };cell = documentcreateElement("td"); cellappendChild(deleteButton);//注入按钮rowappendChild(cell);//将TD注入TRdocumentgetElementById("sortList")appendChild(row);//将TR注入到相应地方(sortList可以看下面html)var cell5 = documentcreateElement("td");cellstylebackground="#ffffff";//背景颜色设置row1stylecolor="#ffffff"; //字体颜色设置cell5styledisplay = "none" ; //ie不支持setAttribute("style", "display:none");// <td style="display:none" >dd</td> 直接写TD是这样cell5appendChild(documentcreateTextNode(zdid));rowappendChild(cell5);}// 删除内容function deleteSort(id) {//这个函数为上面的删除button调用的var rowToDelete = documentgetElementById(id);var sortList = documentgetElementById("sortList");sortListremoveChild(rowToDelete);}</script></head><body><table border="0" cellspacing="0" width="400" bgcolor="#f5efe7"><tr> <td height="20">增加内容:</td> <td><input id="message" type="text"></td> <td><a href="javascript:messageSort();">添加</a></td></tr></table><table border="1" width="400"><tr> <td height="20" align="center">内容:</td> <td> *** 作</td></tr><tbody id="sortList"></tbody></table></body>2，一般情况下定义一个效果良好的表格采用下面的属性定义方式代码：<table cellSpacing="0" cellPadding="0" border='1' bordercolor="black" style='border-collapse:collapse;table-layout: fixed'></table> 当某个td中没有内容或者没有可见元素时，td的border也会消失。解决方案就是给table添加样式border-collapse:collapse 代码段：text-overflow{ display:block;/内联对象需加/ width:31em; word-break:keep-all;/ 不换行 / white-space:nowrap;/ 不换行 / overflow:hidden;/ 内容超出宽度时隐藏超出部分的内容 / text-overflow:ellipsis;/ 当对象内文本溢出时显示省略标记() ；需与overflow:hidden;一起使用。/ } 3，但对于表格table来讲是有些不同，代码段：table{ width:30em; table-layout:fixed;/ 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。/ }
$("td#exist")each(function(i,dom){
var me = $(dom);
if(/^\s1\s$/test(metext()){
meclosest("tr")css({
"font-weight:": "bolder"
});
}
});
以上就是关于js删除当前的tr节点和当前的tr节点的下一个兄弟节点全部的内容，包括:js删除当前的tr节点和当前的tr节点的下一个兄弟节点、js如何 *** 作table,tr,td、js或者jquery通过td获取到指定id值的td内的值，并改变所在的tr的样式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）