javascript - js如何取<span>啊啊<a>拉拉</a><span>中<span>的文本不包括<a>标签的？

document.getElementById('id').firstChild

element.innerText

var span = document.querySelector('.tree-primary-items');
var text = '';
for(i in span.childNodes){
    if(span.childNodes[i].nodeType == 3){
        text += span.childNodes[i].nodeValue;
    }
}
console.log(text);

老浏览器可以把querySelector换成getElementById()的写法，根据节点类型来取，只取文本节点的值，这样即使里面的文本间插入多个标签也能取到全部同级文本内容而不会包含标签和标签内部的文本

  //ie8+
 document.getElementsByClassName('tree-primary-items')[0].innerHTML.split('<')[0];

  //jquery
 $('.tree-primary-items').html().split('<')[0];

a= $("<p>out<a>in</a></p>");

[<p>​"out"​in​​</p>​]

a.text()

"outin"

var span = $(".tree-primary-items").find("a").remove();
alert($("span").text());

早上好！

document.querySelector('.tree-primary-items').innerHTML.replace(/<.+>/ig, '');

$('.tree-primary-items').html().replace(/<.+>/ig, '');

$(".tree-primary-items").text().replace($(".tree-primary-items a.add").text() , '');