表单增加和减少 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.onclick = 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.onclick = function(){
    var allOtr = document.getElementsByTagName('tr')
    var lastOtr = allOtr.item(allOtr.length-1)//item() 方法节点列表中位于指定索引的节点。
    otb.tBodies[0].removeChild(lastOtr)
  }

• 首先，要获取要删的元素的整体，在获得该元素的位置。
• item() 方法节点列表中位于指定索引的节点。（好用）