重复javascript表中的行

时间:2018-03-07 07:35:38

标签: javascript

我正在尝试创建一个接收变量并显示表的JavaScript函数。该表将根据变量具有不同的输出。当表第一次加载时,一切都顺利进行。但是如果我向函数发送另一个变量,那么结果将是新表和上一个表的组合。例如,如果我第一次运行该函数,我将得到以下结果:

enter image description here

如果我再次运行它,发送一个不同的变量,输出将是:

enter image description here

现在结果是添加了前一个输出加上新输出 如果我刷新页面并再次执行,我将得到我想要的结果:

enter image description here

我想要的结果是什么,而不必刷新我的页面

我的功能的源代码如下:

<script>

function tableFile(input) {

var tblUsers = document.getElementById('tbl_users_list');;
var databaseRef =  firebase.database().ref().child(`files/${input}`)
var rowIndex = 1;

databaseRef.once('value',function(snapshot){
snapshot.forEach(function(childsnapshot) { 
var childKey = childsnapshot.key;
var childData = childsnapshot.val();
//var urls = childData.url;

var row = tblUsers.insertRow(rowIndex);
var cellId = row.insertCell(0);
var cellName = row.insertCell(1);
var button = row.insertCell(2);

var itd = document.createElement('input');
itd.setAttribute("type","button");
itd.setAttribute("value","View");
itd.onclick=function () {
window.open(childData.url);
};

cellId.appendChild(document.createTextNode(childData.filename));
cellName.appendChild(document.createTextNode(childData.created));
button.appendChild(itd);

rowIndex = rowIndex+1;
//document.write(username);

})


  });

}
//script for disaplying the data in the dolder of a spesific user, along with the displaying of a file inside the folder in a new window
</script>

有人可以帮帮我吗? 谢谢你

0 个答案:

没有答案