How can I get the original text node of the event?
<p>for example ,I have the following html</p>

<pre><code>&lt;HTML&gt;
&lt;HEAD&gt;
&lt;script type="text/javascript"&gt;
function trackElement(event){
    event=event||window.event;
    var target = event.explicitOriginalTarget||event.srcElement||document.activeElement;
    var targetText = target.nodeValue||target.innerHTML;
    alert(targetText);
}
&lt;/script&gt;
&lt;/HEAD&gt;
&lt;BODY onclick="trackElement(event)"&gt;
&lt;div&gt;bbbbbb&lt;div&gt;cccccc&lt;/div&gt;dddddddddd&lt;div&gt;eeeeeeeee&lt;/div&gt;&lt;/div&gt;
&lt;/BODY&gt;
&lt;/HTML&gt;
</code></pre>

<p>When I clicked "bbbbbb",</p>

<ul>
<li><p>On firefox ,I got "<code>bbbbbb</code>" alerted
which is exactly what I expected.</p></li>
<li><p>But on IE, I got
"<code>bbbbbb&lt;div&gt;cccccc&lt;/div&gt;dddddddddd&lt;div&gt;eeeeeeeee&lt;/div&gt;</code>"</p></li>
</ul>

<p>When I clicked "dddddddddd",</p>

<ul>
<li><p>On firefox ,I got "<code>dddddddddd</code>"
alerted which is exactly what I
expected.</p></li>
<li><p>But on IE, I got
"<code>bbbbbb&lt;div&gt;cccccc&lt;/div&gt;dddddddddd&lt;div&gt;eeeeeeeee&lt;/div&gt;</code>"</p></li>
</ul>

<p>How can I get the same result with firefox on IE?</p>
