个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
HTML:
<body style='background-color: white;'>
<div>
<div id='dependent'>
<input type="button" value="Add" id='abtn' onclick='addfunction()' />
<input type="button" value="Delete" id='dbtn' onclick='deletefunction(this)' />
<input type="button" value="Total No. of rows" id='Button2' onclick='total()'/> <br />
</div>
<div>
<input type="button" value="Submit" id='subid' onclick='smt()' /></div>
</div>
Javascript:
<script type="text/javascript">
function addfunction() {
rcount++;
t++;
tr1 = document.createElement('tr');
tr1.id = "t" + t;
tx1 = document.createElement('p');
text1 = document.createTextNode(t);
tx1.appendChild(text1);
td1 = document.createElement('td');
td1.id = "da" + t;
c1 = document.createElement('input');
c1.type = "checkbox";
c1.id = "a" + t;
td2 = document.createElement('td');
td2.id = "db" + t;
c2 = document.createElement('input');
c2.type = "checkbox";
c2.id = "b" + t;
td3 = document.createElement('td');
td3.id = "dc" + t;
c3 = document.createElement('input');
c3.type = "checkbox";
c3.id = "c" + t;
dl1 = document.createElement('input');
dl1.type = "button";
dl1.id = "dl" + t;
dl1.onclick = deletefunction; //Delete button for each row
br1 = document.createElement('br');
document.getElementById("dependent").appendChild(tr1);
document.getElementById(tr1.id).appendChild(tx1);
document.getElementById(tr1.id).appendChild(td1);
document.getElementById(td1.id).appendChild(c1);
document.getElementById(tr1.id).appendChild(td2);
document.getElementById(td2.id).appendChild(c2);
document.getElementById(tr1.id).appendChild(td3);
document.getElementById(td3.id).appendChild(c3);
document.getElementById(tr1.id).appendChild(dl1);
document.getElementById(tr1.id).appendChild(br1);
//Delete Function
function deletefunction() {
alert('tr' + rcount);
document.getElementById('tr' + rcount).removeNode(true);
}
</script>
</body>
</html>
如何使用 javascript 删除动态创建的行(或“tr”)？
我尝试了两种删除方式，
我尝试了各种方法但都没有用，我得到的错误是 “无法获取属性‘removeNode’的值:对象为 null 或未定义”。
最佳答案
尝试这样的事情:
var row = document.getElementById('tr' + rcount);
row.parentElement.removeChild(row);
看起来您没有正确形成 tr 的 id。您已经像这样创建了它:
tr1.id = "t" + t;
然后尝试阅读:
document.getElementById('tr' + rcount)
此外，rcount 似乎不是您所期望的。它是一个全局变量，与上次执行 addfunction() 时具有相同的值。
关于javascript - 删除动态创建的行 : removechild，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17038542/
25
4
0
这个问题已经有答案了: TypeError: Illegal Invocation on console.log.apply (1 个回答) 已关闭 5 年前。 我编写了这个简单的代码来删除 h2 元
我不使用 removeChild() 也没有尝试在有东西之前删除一些东西。 jquery-3.3.1.min.js:2 Uncaught TypeError: Cannot read property
var first_content = document.getElementById('first-content'), offered_games = document.getElementByI
我使用 document.createElement 创建了许多新的页面元素(在一些任意层次结构中)，并且一直在使用 element.removeChild() 删除我不再需要的元素。我想知道这是否也
我有一个表格，我可以在其中添加带有输入字段的新行。也有可能删除添加的输入字段。删除整行是可行的，但删除单元格内的单个输入字段会出现问题。这是代码: cell1=document.getElementB
我想在提交表单后显示一条消息，并将表单从页面中删除。 脚本的第一部分有效，但第二部分(我尝试删除表单的地方)无效。 有什么建议吗？ $(document).ready(function () {
HTML: Javascript: function addfunc
我正在尝试在 ID="prnt"的 DIV 下动态添加子 DIV。添加节点工作正常没问题。然而奇怪的是，当涉及到删除节点时，它只删除偶数编号的节点，包括 0。为什么会这样，我可能是一些愚蠢的东西，但它
我已经创建了一个可以添加的表单域，但我无法删除它。不确定为什么它不起作用，我想也许我传递了错误的参数？我尝试了很多变化。 What key fatures are you looking for?
我有一个代码，可以在点击电影名称后获取 Angular 色名称和性别。此信息出现在模态窗口中，我的目标是在每次关闭模态时删除带有字符的 HTML 元素，因此如果我选择另一部电影，则会出现新的字符集，而
我尝试下一秒放置一个元素，然后删除第二个元素，但它不起作用。看例子:http://jsfiddle.net/CZCGG/ 最佳答案 getElementsByTagName 的结果是一个事件节点列表。
我觉得我误解了 .removeChild 的工作原理。我这里有一些代码: //organization is a string value gotten from an Input node if (
你能帮我一下吗？为什么 removeChild 在我的代码中不起作用？ divId = $(".File[rel='" + fileId.substring(0, 32) + "']");
window.onload = initPage; var firstname = false; var lastname = false; function initPage() { add
我有一个将“div”子节点附加到父节点的函数，然后我需要使用 removeChild() 方法删除这个子节点，但它不起作用。 这是我的代码: function ColorCards()
我有一个看起来像这样的表单: 我还有一个按钮，当按下该按钮时，它会调用一
我正在编写一小段简单的代码来在鼠标位于框中的任何位置绘制像素。我也想要一个清除按钮。绘图工作正常，但我似乎无法使用清除按钮。以下是我的 .js 文件的相关部分: function pixel(x, y
我有下面的一段代码，它在文档中找到类名为 foo 的所有元素，然后将它们全部删除 function(doc) { var items = doc.getElem
其他堆栈答案，例如 this和 this似乎是特殊情况，我相信我的情况更为普遍。我在我的 js 中这样做: var markerDiv = document.createElement("div");
removeChild 函数真的完全删除了子节点吗？或者它只是删除作为指定父节点子节点的元素？如果真的不删除元素，有没有办法彻底删除元素？ 最佳答案 removeChild 方法只是将它从其父对象中移
我是一名优秀的程序员,十分优秀！