html在点击出创建图片,在可点击文章中创建可点击的div（HTML5）

我目前正在尝试在文章标签(HTML5)中放置一些可点击的div。现在，问题是我的文章也是可点击的，所以每当我尝试点击我的div时，它只是假设我点击文章而不是。我的点击监听器是用javascript设置的，这是我的代码：

HTML：

Stuff

当然，这只是我试图做的一个例子。

使用Javascript：

articles = document.getElementsByTagName('article');

for (var i = 0; i < articles.length; i++) {

articles[i].addEventListener('click',redirect,false);

}

var UpVote = document.querySelectorAll(".up");

for (var i = 0, length = nodeList.length; i < length; i++) {

UpVote[i].addEventListener('click',UpVote,false);

}

function UpVote(){

alert(this.id);

}

正如你在这里看到的，我有2个循环为我的所有文章对象和.up类对象设置监听器。我相信这些工作，功能也是如此。我没有发布我的重定向功能，因为我肯定它有效，我得到我的重定向。

我的CSS：

.up{

display:block;

padding-left:3px;

background:rgba(150,195,225,.4);

border-radius:5px;

-webkit-box-shadow:1px 1px 2px rgba(110,110,110,.1);

width:20px;

-webkit-transition: width .3s;

}

该文章也被设置为一个块。

感谢您的帮助！