提取InnerHTML

Question

有没有办法在Chrome控制台中提取以下数据？

目前，我在chrome的控制台中执行以下操作：

$x("//a") 

我得到一个包含所有a标记的列表，我需要从所有a.username、InnerHTML或innerText中获得

86: a
87: a.username
88: a
89: a
90: a.username
91: a
92: a
93: a.username
94: a
95: a
96: a.username
97: a
98: a
99: a.username
[100 … 198]
100: a
101: a
102: a.username
103: a
104: a
105: a.username
106: a
107: a
108: a.username
109: a
110: a
111: a.username

我不清楚该怎么做才能做到这一点。很多术语使人不清楚InnerHTML是从a标记中得到什么，以及如何为所有相同的a.username提取这一信息。

hrefTranslate: ""
hreflang: ""
id: ""
innerHTML: "**Ineedthis**"
innerText: "**Orthis**"
inputMode: ""
isConnected: true
isContentEditable: false
lang: ""

Answer 1

最简单的解决方案可能是类似于

function extractInner(selector){
     let elements = document.querySelectorAll(selector);
     let toReturn = [];
     elements.forEach(x=>{
         toReturn.push(x.innerHTML);
     });
     return toReturn;
}
extractInner("a.username");

这将返回一个字符串列表，其中包含具有类用户名的所有链接的innerHTML。