tbody.onclick = function (e) { var e = e || document.event console.log(123) console.log(target) if (e.target.nodeName == 'SPAN') { target.parentNode.parentNode.remove() } } } 这里的target.parentNode.parentNode.remove() 为什么不报未定义

在这段代码中，`target` 是未定义的，因此 `target.parentNode.parentNode.remove()` 会引发错误。你可以通过在代码中定义 `target` 变量并将其设置为事件的目标元素来解决这个问题。例如，你可以将 `console.log(target)` 更改为 `var target = e.target; console.log(target)`。这将为你提供一个指向事件目标元素的变量，从而允许你使用 `target.parentNode.parentNode.remove()`。

相关问题

tbody.onclick = function (e) { var e = e || document.event console.log(123) console.log(e.target) if (e.target.nodeName == 'SPAN') { this.parentElement.remove() } 这行代码如何删除li }

这段代码可以删除 `li` 元素的父元素, 也就是 `ul` 元素, 通过 `e.target` 获取到点击的元素, 如果该元素的 `nodeName` 是 `SPAN`, 则将其父元素删除。以下是修改后的代码:

tbody.onclick = function (e) {
    var e = e || document.event;
    console.log(123);
    console.log(e.target);
    if (e.target.nodeName == 'SPAN') {
        e.target.parentNode.parentNode.remove(); // 删除 li 元素的父元素 ul
    }
}

这里需要调用两次 `parentNode` 才能获取到 `li` 元素的父元素 `ul`，因为 `e.target` 是点击的 `span` 元素，而 `li` 元素是 `span` 元素的父元素的父元素。

tbody.onclick = function (e) { var e = e || document.event console.log(123) console.log(target) if (e.target.nodeName == 'SPAN') { e.target.parentNode.parentNode.remove() } } } 这里的e.target 是什么意思

在这段代码中，`e.target` 表示触发事件的元素。当你点击 `tbody` 元素内的某个元素时，会触发 `tbody` 的 `click` 事件，此时事件对象 `e` 中的 `target` 属性将会指向被点击的元素。通过这个方法，你可以获得用户点击的元素，并对其进行一些操作，例如在这个例子中，如果被点击的元素是一个 `span` 标签，则会移除该元素所在的行。