如何使用javascript从用户界面中删除appendchild的输出?

时间:2019-03-04 19:08:35

标签: javascript html amazon-dynamodb

我正在尝试使用appendchild从dynamodb表中获取数据。当我再次单击选项卡时,页面会自动添加数据,而不是删除前一个数据并放入新数据。我也尝试过remove,removechild和replacechild。但是所有人都显示错误消息:“无法在“节点”上执行“ removeChild”:要删除的节点不是该节点的子节点。”

function onScan(err, data) {
      if (err) {
        console.log("Unable to scan the table: " + "\n" + JSON.stringify(err, undefined, 2));
    } else {
      if(c==1)
            {
              for(var i=0;i<data.Items.length;i++){
                chkbx = document.createElement('input');
                var ch = document.createElement("label");
                ch.innerHTML=data.Items[i].Service;
                chkbx.parentNode.removeChild(ch);
                document.getElementById("AWS").removeChild(document.createElement('br'));
                document.getElementById("AWS").parentNode.removeChild(chkbx);
                document.getElementById("AWS").parentNode.removeChild(ch);
              }
            }
        for(var i=0;i<data.Items.length;i++){
            
            chkbx = document.createElement('input');
            console.log(chkbx);
            chkbx.setAttribute('type','checkbox');
            chkbx.setAttribute('value','checkbox'+ (i+1).toString());
           var ch = document.createElement("label");
           ch.innerHTML=data.Items[i].Service;
               chkbx.appendChild(ch);
               document.getElementById("AWS").appendChild(document.createElement('br'));
               document.getElementById("AWS").appendChild(chkbx);
               document.getElementById("AWS").appendChild(ch);
               c=1;
        }
    }
}

0 个答案:

没有答案