如何用纯JavaScript获取字符串形式标签的内部文本

没问题，我来给你改成纯JavaScript的实现，完全不需要依赖jQuery就能拿到目标结果，思路和你原来用jQuery的方式其实很像，只是换成原生API而已：

var stringElement = "<a>1</a>";
// 创建临时div容器，用来解析字符串标签
var tempDiv = document.createElement('div');
// 把字符串形式的标签赋值给div的innerHTML，浏览器会自动解析成DOM节点
tempDiv.innerHTML = stringElement;
// 找到容器里的a标签
var anchorElement = tempDiv.querySelector('a');
// 获取a标签的内部文本
var text = anchorElement.textContent;
console.log(text); // 输出结果：1

分步解释一下每一步： #

• 创建临时<div>：和你用jQuery的思路一致，需要一个容器来承载并解析字符串形式的HTML标签
• 用innerHTML解析字符串：浏览器会自动把转义后的<a>1</a>转换成真实的<a>1</a> DOM元素
• 查找a标签：querySelector('a')是原生JS里获取元素的方法，效果等同于你代码里的$(div).find("a")[0]
• 获取内部文本：textContent是原生JS获取元素文本内容的属性，和jQuery的.text()作用完全相同；如果要兼容非常老旧的IE浏览器，也可以换成innerText，不过现在主流浏览器都支持textContent了

内容的提问来源于stack exchange，提问作者Ghanem