获取字符串内标记内的内容 [重复]

Question

这是我的绳子

var a ="<div id='render'>First<div class='render1'>Second</div></div>";

我需要获取render和render1中的文本

我怎么能这样做呢？

我试过了

var a ="<div id='render'>First<div class='render1'>Second</div></div>";
alert(a.getElementsByTagName("render")[0].innerHTML);

这是我的小提琴

但是我得到的错误是

未捕获的类型错误:a.getElementsByTagName不是函数

我该怎么做

注意：

这不是来自网站的内容，我试图从其他语句中获取文本，所以我将响应分配给一个变量并处理它。

我只需要使用脚本来执行此操作

Answer 1

未捕获的类型错误:a.getElementsByTagName不是函数

是的，在这种情况下它不是一个函数，因为你试图在字符串而不是元素上调用函数。有关更多说明，请查看MDN:https://developer . Mozilla . org/pl/docs/Web/API/Element/getElementsByTagName

更重要的是：“渲染”无论如何都不是标签。您应该使用getElementById函数来获取外部div。

Answer 2

字符串没有< code > getElementsByTagName 。但是您可以很容易地使用浏览器来解析字符串，然后在结果中使用它:

js prettyprint-override">var a = "<div id='render'>First<div class='render1'>Second</div></div>";
// Create an element to use to parse it
var div = document.createElement('div');
// Parse it
div.innerHTML = a;
// Find all divs in the result and show their innerHTML
Array.from(div.querySelectorAll("div")).forEach(function(div) {
    console.log(div.innerHTML);
});