javascript - 如何将列表项放入javascript数组中

Question

我有一个包含一些 HTML 的变量。该 HTML 不在文档正文中 - 仅在变量中!由此，我想提取每个 li 的内容并将其放入一个数组中，以便我可以为每个列表项创建一些新内容。

我可以做这样的事情吗？

var myList = "<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>";
myList.getElementByTagName('LI') = myLiContents;

感谢您的浏览!

Answer 1

您可以创建一个虚拟元素并将该元素的 innerHTML 设置为您拥有的 HTML 字符串:

var myList = "<ul><li>item 1</li><li>item 2</li><li>item 3</li></ul>",
    dummy = document.createElement('div');

dummy.innerHTML = myList;
console.log(dummy.getElementsByTagName('li'));

但请注意，getElementsByTagName 的结果不是数组，而是 nodeList ，一个类似数组的对象。不过，您仍然可以通过 nodeList 运行循环来创建真正的数组。