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 是什么意思
时间: 2024-01-13 16:03:31 浏览: 49
在这段代码中,`e.target` 表示触发事件的元素。当你点击 `tbody` 元素内的某个元素时,会触发 `tbody` 的 `click` 事件,此时事件对象 `e` 中的 `target` 属性将会指向被点击的元素。通过这个方法,你可以获得用户点击的元素,并对其进行一些操作,例如在这个例子中,如果被点击的元素是一个 `span` 标签,则会移除该元素所在的行。
相关问题
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`, 则将其父元素删除。以下是修改后的代码:
```javascript
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` 元素的父元素的父元素。
以下代码改成jQuery。tbody.innerHTML = ''
将 `tbody` 元素的 `innerHTML` 属性设置为空字符串可以通过以下 jQuery 代码实现:
```javascript
$('tbody').html('');
```
其中,`$('tbody')` 用于选中页面中的 `tbody` 元素,`.html('')` 用于将其内部 HTML 内容设置为空字符串。