如何在js中隐藏工具提示

时间:2017-02-17 06:58:14

标签: javascript html

我为每个表格行提供工具提示以显示编辑选项。我使用此代码使其可见:

function popupFunction(p) {
    var popup = document.getElementById("sp" + p);
    popup.classList.toggle("show");
}

运作良好。但现在问题是如果我点击任何其他地方如何隐藏它?

这是我的HTML:

<div class='popup' id='eds'>
  <i class='fa fa-ellipsis-v' id =" + values.items[i].id + " onclick='popupFunction(this.id)'></i> 
  <span class='popuptext' id =sp" + values.items[i].id + ">
    <div onclick='edit(this.id)' id =ed" + values.items[i].id + ">Edit</div>
    <br/>
    <div onclick='deleteFunction(this.id)' id =de" + values.items[i].id + ">Delete</div>
  </span>
</div>

1 个答案:

答案 0 :(得分:0)

如果show类将一个元素作为工具提示重新生成,然后删除它,则应该隐藏它。

document.getElementById(some_id).classList.remove("show")
我相信

应该做的伎俩。