Native JavaScript equivilent of text() for single selected element
<p>How would I return <code>Some Text</code>, <code>&lt;a href="abc.html"&gt;Some Anchor&lt;/a&gt;</code>, and <code>&lt;img src="abc.jpg" /&gt;</code> from the following three elements without using jQuery?  In other words, how would I return <code>$('#t1).text()</code>, <code>$('#t2).text()</code>, <code>$('#t3).text()</code> without using jQuery?  I don't need to return an array if multiple elements as I will only select one element at a time.</p>

<pre><code>&lt;td id="t1"&gt;Some Text&lt;/td&gt;
&lt;td id="t2"&gt;&lt;a href="abc.html"&gt;Some Anchor&lt;/a&gt;&lt;/td&gt;
&lt;td id="t3"&gt;&lt;img src="abc.jpg" /&gt;&lt;td&gt;
</code></pre>

<p>jQuery does text() as follows. It seems overkill since I am not worried about returning an array for multiple elements.</p>

<pre><code>text: function( value ) {
    return jQuery.access( this, function( value ) {
        return value === undefined ?
            jQuery.text( this ) :
            this.empty().append( ( this[0] &amp;&amp; this[0].ownerDocument || document ).createTextNode( value ) );
    }, null, value, arguments.length );
},
</code></pre>

<p>Thanks</p>
