javascript中e.target是一种非常有用的属性，常常用于页面中的事件处理或者事件代理。e.target可以指向触发事件的DOM对象或者是事件冒泡的中间元素。接下来，我们将深入探讨javascript中e.target的用法，并且通过举例，更好地理解它的工作原理。

首先，e.target指向了触发事件的DOM对象。比如，当我们要对鼠标点击事件做出反应的时候，可以使用e.target来获取点击的DOM对象。下面是一个简单的例子：

<div onclick="getClickTarget(event)">
<input type="text" value="点击我" />
</div>
<script>
function getClickTarget(e) {
console.log(e.target); // 返回的是input对象
}
</script>

在这个例子中，当我们用鼠标点击了div内部的input标签时，会在控制台中输出这个input对象。这个例子证明了e.target属性的作用，可以帮我们快速地获取到触发事件的DOM对象。

其次，e.target可以指向事件冒泡的中间元素。比如说，当我们在网页中生成了多个div，每个div内嵌套着一个input标签。我们想要点击input标签，改变它所属的div的样式。下面是如何使用e.target属性来实现这个功能：

<div class="father">
<input type="text" class="son" />
</div>
<div class="father">
<input type="text" class="son" />
</div>
<script>
var fathers = document.querySelectorAll('.father');
for (var i = 0; i < fathers.length; i++) {
fathers[i].addEventListener('click', function(e) {
var target = e.target;
while (target.tagName !== 'DIV') { target = target.parentNode; }
target.classList.add('active');
});
}
</script>

在这个例子当中，我们给每个父元素添加了一个事件监听器，并且通过e.target属性，获取到了触发事件的子元素。然后，我们在循环中依次向上寻找到最近的父元素div，并且对它进行样式的修改。事实上，这种技术被称为事件代理，它可以帮助我们减少事件监听器的数量，提高页面性能。

另外，e.target还可以与其他DOM属性相结合，来完成更加丰富多彩的操作。比如说，我们可以在一个列表中切换某一个元素的状态。下面是一个例子：

<ul class="list">
<li>苹果</li>
<li>香蕉</li>
<li>葡萄</li>
</ul>
<script>
var list = document.querySelector('.list');
list.addEventListener('click', function(e) {
var target = e.target;
if (target.tagName === 'LI') {
target.classList.toggle('selected');
}
});
</script>

在这个例子中，我们在列表元素上绑定了一个click事件，然后使用e.target来找到用户点击的元素，并且通过toggle()方法来改变元素的选中状态。如果用户再次点击一个已经选中的元素，它就会被取消选中状态，因为toggle()方法会自动帮助我们完成这个操作。

总而言之，e.target在javascript中是一种非常有用的属性，它可以指向触发事件的DOM对象或者是事件冒泡的中间元素。通过它，我们可以方便地实现基于DOM节点的操作，比如事件代理、元素样式的修改、属性的更改等等。所以，在编写javascript脚本的时候，一定要深入理解e.target属性的用法，它会极大地提高我们的编程效率和代码质量。