用于在表格上添加div的按钮

时间:2019-04-30 10:19:04

标签: javascript php html

您好,我学习了代码,但遇到了一个问题:我有一个包含一个或多个数字的表单,并且我喜欢按add_button按钮多次编写的内容,并且希望能够使用删除按钮... 这是我给有想法的人的代码:

futureResultData.map( x => {
        x.groupBy(_._1).mapValues(_.map(_._2.get))
})

3 个答案:

答案 0 :(得分:0)

我给你举个例子。我是说,就是这样。

我正在尝试动态创建一个<div>,并在其中附加一个<div>

var iDiv = document.createElement('div');
 iDiv.id = 'block';
 iDiv.className = 'block';
 document.getElementsByTagName('body')[0].appendChild(iDiv);

-您可以从我的示例中获取模板。

答案 1 :(得分:0)

我想我理解了这个问题,尽管这个问题还不是很清楚-大概您希望在单击p按钮并删除新添加的内容时重复整个DIV(如问题所示)及其所有内容单击删除按钮时的节点。原始代码的一个问题是使用add属性,这些属性对于文档保持有效和Javascript函数按预期必须是唯一的-因此以下内容将ID替换为具有相同值的类名,您将需要考虑可能使用的其他任何Javascript或CSS例程。

在Javascript中,您可以使用ID来克隆节点,还可以克隆节点的所有内容。下面将利用此功能,并将事件侦听器分配给所有新创建的按钮,单击这些按钮将进一步复制/修改DOM。

node.cloneNode(true|false)

答案 2 :(得分:0)

我正在考虑您要在任何div内添加新创建的div,就像添加到myDiv

<div id="myDiv"> </div>

点击“添加”按钮,您可以添加如下所示的div,

<button class="add_button" onclick="addDiv()">+</button>

<script>
function addDiv() {
  var newDiv = document.createElement('div');
  newDiv.id= "someID";
  newDiv.className  = "class";
  document.getElementById('myDiv').appendChild(newDiv);
}

</script>