表单增加和减少 JavaScript

image.png

增加

  var obtn = document.getElementById('btn')  var oname = document.getElementById('name')  var oage = document.getElementById('age')  var oldColor = ''

  var id = otb.tBodies[0].rows.length+1;
  obtn. = function(){    
    var otr = document.createElement('tr')    var otd = document.createElement('td')
    otd.innerHTML = id++//注意
    otr.appendChild(otd)    
    var otd = document.createElement('td')
    otd.innerHTML = oname.value;
    otr.appendChild(otd)    
    var otd = document.createElement('td')
    otd.innerHTML = oage.value;
    otr.appendChild(otd)    

    otb.tBodies[0].appendChild(otr)
    setColor()
  }

减少

  dbtn. = function(){    var allOtr = document.getElementsByTagName('tr')    var lastOtr = allOtr.item(allOtr.length-1)//item() 方法节点列表中位于指定索引的节点。
    otb.tBodies[0].removeChild(lastOtr)
  }

• 首先，要获取要删的元素的整体，在获得该元素的位置。

• item() 方法节点列表中位于指定索引的节点。（好用）

作者：徐金俊
链接：https://www.jianshu.com/p/aaf9ea0be6a1