使用Javascript检测类的onclick

我正在向某些元素动态添加一个类。我需要获取添加类所在的单击元素的innerHTML。有人知道如何使用refere类获取innerhtml吗

请注意，我不想使用任何类似jQuery的Javascript库。

尝试以下方法：

document.body.onclick = function(e) {
    var clickedEl = window.event ? event.srcElement : e.target;
    while (clickedEl != null) {
        if (clickedEl.className
            && (" " + clickedEl.className + " ").indexOf(" yourclass ") != -1) {
            // do something, e.g.,
            alert("Element with class was clicked");
            return;
        }
        clickedEl = clickedEl.parentNode;
    }
}​

演示：

---

当任何类为“yourclass”的元素被单击时，或者当任何类为“yourclass”的元素的子元素被单击时，这将“起作用”（在我的示例中显示一个警报）。显然，您可以根据需要将硬编码的“yourclass”替换为变量。

看这里可能会有所帮助[[1]：@Brad它只对立即元素起作用。例如，如果我在

myclass

中有一个div，它有其他类名，那么它就不会触发。@GTSouza这些解决方案是参照

id

给出的。但是我需要它来处理类。@nnnnnn我想在单击x或其任何子代时做些什么。