基本上,每次function
活动在搜索框中发生时,我都会调用此onkeyup
。 old_tbody
是表格的主体。此正文的ID为 down_body 。
function f1(){
var old_tbody = document.getElementById("down_body");
old_tbody.innerHTML = "";
var substring = document.getElementById("search").value; //Gets the text in the search box
if(substring.length !== 0)
{
for(var obj in OBJ)
{
if(OBJ[obj].state=="0" && OBJ[obj].message.indexOf(substring) !== -1)
{
row1 = table.insertRow();
row1.className = 'danger';
// Insert new cells (<td> elements) at the 1st and 2nd position of the "new" <tr> element:
cell1 = row1.insertCell(0);
cell2 = row1.insertCell(1);
// Add some text to the new cells:
cell1.innerHTML = OBJ[obj].message;
cell2.innerHTML = OBJ[obj].status;
}
}
}
}
此function
检查名为 OBJ 的JSON
对象,并根据searchbox
和其他参数将行写入表中。
从逻辑上讲,这适用于第一个onkeyup
事件。
但在第一次失败后失败了。第2和第3个事件不会删除它们应该的元素。它只是附加条目。