javascript - 如何获取存储在 JavaScript 变量中的 HTML 数据

Question

我有一些 HTML 数据存储在 JavaScript 变量中，我想从该变量中获取数据

我正在尝试通过getElementById()方法获得它。还请记住，我在每个div. 我知道这不是好方法，但有一些限制。所以我需要来自 2nd 的数据Div。

var complexArray = "<div id="
post ">First content<\/div><div id="
post ">Second Content<\/div><div id="
post ">Third Content<\/div>";

var data = document.getElementById('post').innerHTML;
alert(data);

标签： javascripthtml

Answer 1

您不能在文档中查询仅存在于字符串变量中的内容。

将该 html 字符串放入一个临时元素并在该元素中查询它

将重复的 ID 更改为类，因为 ID 必须是唯一的

var complexArray = '<div class="post">First content<\/div><div class="post">Second Content<\/div><div class="post">Third Content<\/div>';

// create element to insert the html string into
var tempDiv = document.createElement('div');
tempDiv.innerHTML = complexArray;

// query within that element
var posts = tempDiv.querySelectorAll('.post');

var data = posts[1].innerHTML;
console.log(data);