Как я могу использовать 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>
1
Fjott 17 Сен 2018 в 13:15

2 ответа

Лучший ответ

Просто выберите их, используя 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>
5
connexo 17 Сен 2018 в 10:30

Вы можете использовать javascript и следующий код

var users= document.getElementsByClassName('username');

var users= document.getElementsByClassName('username');

for(i=0;i<users.length;i++){
console.log(users[i].innerText)
}
.user-id, .username, .user-year { display: inline; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<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>
2
Nikhil Ghuse 17 Сен 2018 в 10:38