单个选定元素的本机JavaScript等效文本()

单个选定元素的本机JavaScript等效文本(),javascript,Javascript,如果不使用jQuery,如何从以下三个元素返回一些文本、和?换句话说,如果不使用jQuery,我如何返回$('#t1).text(),$('#t2).text(),$('#t3).text()?如果有多个元素,我不需要返回数组,因为我一次只选择一个元素 <td id="t1">Some Text</td> <td id="t2"><a href="abc.html">Some Anchor</a></td> <td i

如果不使用jQuery,如何从以下三个元素返回
一些文本
?换句话说,如果不使用jQuery,我如何返回
$('#t1).text()
$('#t2).text()
$('#t3).text()
?如果有多个元素,我不需要返回数组,因为我一次只选择一个元素

<td id="t1">Some Text</td>
<td id="t2"><a href="abc.html">Some Anchor</a></td>
<td id="t3"><img src="abc.jpg" /><td>

谢谢

您可以像这样检索节点的文本:


有关MDN站点上的textContent和innerText的更多信息

数据
是节点上获取其数据的属性(非递归)
innerHTML
是HTML,是元素的属性
textContent
是获取元素文本(不含HTML)的标准属性
innerText
是获取
textContent
的非标准旧IE方式


你现在应该知道你需要什么了:-)

$(“#t2”)
将返回
一些锚定,而不是
,你可以在使用
文档后读取
innerHTML
属性。getElementById()
?@CrazyJugglerDrummer。不,它仅适用于和,而不适用于文本节点。是否需要处理此案例
ab c
并检索
ab c
?@FlorianMargaine。你是对的。我猜它相当于.html()。啊哈!,谢谢我首先使用的是el.data,它在没有html元素的情况下工作。后来尝试了innerHTML,但在文本值上出错。只是好奇,为什么textContent超过数据,innerText超过innerHTML?@user1032531 innerText是IE版本的textContent。使用innerText需要注意的一点是,它不会返回隐藏文本。有关更多信息,请查看MDN的链接。他们比我解释得更好:)谢谢弗洛里安,现在我知道更多了!
text: function( value ) {
    return jQuery.access( this, function( value ) {
        return value === undefined ?
            jQuery.text( this ) :
            this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
    }, null, value, arguments.length );
},
var el = document.getElementById("t1");
var text = el.textContent || el.innerText;