原生js实现表格数据的增删查

今天看到的一个操作题，自己实践了一下

实现一个表格可以进行输入点击查询，将输入内容添加到表格中，点击一行中的某一项可以删除

做的不是很好，因为数据大多使用for循环，如果数据量大的话性能就不好了。但我想不到更好的解决方法了，希望看到的大佬能给提点意见完善。

上代码

HTML

<div class="wrap">
        <form action="#">
            <div>
                <input type="text" id="addCon" class="inputText">
                <button class="addBtn" id="addBtn">添加</button>
            </div>
            <div>
                <input type="text" id="queryCon" class="inputText">
                <button class="queryBtn" id="queryBtn">搜索</button>
            </div>
        </form>
        <table class="myConcent">
            <caption>数据详情</caption>
            <thead>
                <tr>
                    <th>序号