Javascript:获取用户名列表到控制台/文件 [英] Javascript: Fetch list of usernames to console/file
本文介绍了Javascript:获取用户名列表到控制台/文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
如何使用 javascript 将所有用户名类的内容列表提取到控制台或最好是文件?
.user-id, .username, .user-year { display: inline;}
<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>
解决方案
只需使用 querySelectorAll('.username')
选择它们,然后使用 .map
textContent代码>:
let users = [...document.querySelectorAll('.username')].map(i => i.textContent)console.log(users)
.user-id, .username, .user-year { display: inline;}
<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>
how can I use javascript to fetch a list of the content of all the username class to the console or preferably a file?
.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>
解决方案
Just select them using querySelectorAll('.username')
, then .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>
这篇关于Javascript:获取用户名列表到控制台/文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文