Javascript - 从数组中查找所有类，从类中获取并返回内部文本

Question

我有一组要在页面中搜索的类名。然后我想找到所有这些元素，抓取其中的文本，并将其附加到一个 div。

var div = document.createElement('div');
div.innerHTML = 'List of names from this page';
document.body.appendChild(div); 

var classNameArray = ['user', 'username', 'fullname', 'profile-field', 'author', 'screen-name'];

for (var i = 0; i < classNameArray.length; i++) {

  element = classNameArray[i];
  getSuggestedAuthors(element);

  function getSuggestedAuthors(element) {
    var classes = document.getElementsByClassName(element);
    var index;
    for (var index = 0; index < classes.length; index++) {
      var class = classes[index];
      var textInsideClass = class.innerHTML;
      div.appendChild(textInsideClass);
    }
  }
}

当我运行它时，它会给我:

Uncaught NotFoundError: An attempt was made to reference a Node in a context where it does not exist.

我认为问题出在 var textInsideClass = class.innerHTML 处，因为当我删除它时，它只是获取所有类并将它们附加到 div。但是，我只想获取类内的文本。

有人知道如何不用 jQuery 吗？我通过 Google Chrome 的 executeScript injection 注入(inject)了这个 hs .

非常感谢!

Answer 1

我认为您的问题是 appendChild 仅适用于节点。您最好只使用类似于 a.innerHTML += f.innerHTML 的内容附加到 innerHTML。

您还应确保将 getSuggestedAuthors 函数移出循环。它可以正常工作，但最好不要在循环内声明函数。