想问问这种直接用innerHTML插入按钮的，怎么样在前端读取到他的数据，例如这里的GUid

Question

 for (var i = 0; i < obj.DATA.length; i++) {
                    var li = document.createElement('li');
                    li.className = 'mui-table-view-cell taptap';
                    li.setAttribute("data-type", "fsj");
                    li.setAttribute("data-guid", obj.DATA[i].Guid);
                    li.innerHTML = '<input class="mui-ellipsis1" id="btnDel" type="button" onclick="del()" value="删除">' +
                    '<div class="mui-table-cell mui-col-xs-10 ">' +
                        '<a class="mui-ellipsis fj-len" href="#">' + obj.DATA[i].Code +
                        '<h5>附属件名称：' + obj.DATA[i].Name + '</h5>' +
                        '<h5>规格型号：' + obj.DATA[i].Gg + '</h5></a>' +
                        '</div>';
                    table.insertBefore(li, table.firstChild);
                }
            }

        function del() {
            var Guid = this.Guid ;
//           guid:guid;
            var del = window.confirm("你确定删除吗？");
            if (del) {
                var sql = "delete from zc_fsj where ParentGuid='" + Guid + "'";
            }
        };

我要怎么才能够吧上面的Guid传到下面Function里面的Guid呢

Answer 1

如果你这个 Function 是绑定在你动态生成的这个按钮上，那么你需要在按钮上添加属性：data-guid，    在函数中通过 this.dataset.guid 就可以获取到数据了