Javascript:获取控制台/文件的用户名列表

Question

如何使用javascript将所有用户名类的内容列表提取到控制台或最好是文件？

.user-id, .username, .user-year { display: inline; }

<div id="#main">
  <div class="user-id">5</div>
  <div class="username">@user1</div>
  <div class="user-year">2018</div>
  <br>
  <div class="user-id">6</div>
  <div class="username">@user2</div>
  <div class="user-year">2015</div>
  <br>
  <div class="user-id">5</div>
  <div class="username">@user3</div>
  <div class="user-year">2012</div>
</div>

Answer 1

只需选择它们querySelectorAll('.username'),然后.map textContent:

let users = [...document.querySelectorAll('.username')].map(i => i.textContent)

console.log(users)

.user-id, .username, .user-year { display: inline; }

<div id="#main">
  <div class="user-id">5</div>
  <div class="username">@user1</div>
  <div class="user-year">2018</div>
  <br>
  <div class="user-id">6</div>
  <div class="username">@user2</div>
  <div class="user-year">2015</div>
  <br>
  <div class="user-id">5</div>
  <div class="username">@user3</div>
  <div class="user-year">2012</div>
</div>