Adding Event Listeners in JavaScript
<p>I have a JavaScript and divs defined using CSS3 classes. I need to add event listener to specific class div but it is not getting bound to it.  </p>

<p>e.g.: </p>

<pre class="lang-js prettyprint-override"><code>this._incrementEnabled = document.createElement('div');
this._incrementEnabled.className = this._incrementButtonProperties.enabledClass;
this.divElt.appendChild(this._incrementEnabled);

if (this.properties.incrementButtonConfig.enabled == null) {
    this.properties.incrementButtonConfig.enabled = false;
}

this.setIncrementEnabled(this.properties.incrementButtonConfig.enabled);

this._incrementEnabled.addEventListener('click', this._incrementButtonProperties.incrementSelectCallback, false);
</code></pre>

<p>and the CSS:  </p>

<pre class="lang-css prettyprint-override"><code>.SchedMainCtrlIncrementBtn_En {
    position: absolute;
    top: 3px;
    left: 240px;
    display: inline-block;
    font-size: 28px;
    vertical-align: middle; 
    width: 35px;
    height: 65px;
    height: 35px;
    background: url("../../../images/icons/IcnListAddRecipient_En.png") no-repeat center;
}
</code></pre>
