null
var array1[] ;
//i want to store text inside href in a array like this
// [cat,dog,cow,hen,elephant] , how can I do that?
<div class="ABCD"><h2 class="AB">Tags</h2>
<ul>
<li><a href="/example">cat</a></li>
<li><a href="/example2">dog</a></li>
<li><a href="/example3">cow</a></li>
<li><a href="/example4">hen</a></li>
<li><a href="/example5">elephant</a></li>
</ul>
</div>
null
我想让猫,狗,牛,母鸡,大象使用JavaScript排列动物[]。
我怎么才能把它们放到数组里呢? 请帮帮忙
请参考下面的要求,您正在寻找
null
let allLinks = document.querySelectorAll("div.ABCD li > a")
let allLinksarray = Array.from(allLinks).map(linkElem => linkElem.innerHTML)
console.log(allLinksarray)
<div class="ABCD">
<h2 class="AB">Tags</h2>
<ul>
<li><a href="/example">cat</a></li>
<li><a href="/example2">dog</a></li>
<li><a href="/example3">cow</a></li>
<li><a href="/example4">hen</a></li>
<li><a href="/example5">elephant</a></li>
</ul>
</div>
null
var array = [];
var links = document.querySelectorAll('a');
links.forEach(link => array.push(link.text));
console.log(array);
<div class="ABCD"><h2 class="AB">Tags</h2>
<ul>
<li><a href="/example">cat</a></li>
<li><a href="/example2">dog</a></li>
<li><a href="/example3">cow</a></li>
<li><a href="/example4">hen</a></li>
<li><a href="/example5">elephant</a></li>
</ul>
</div>
你可以这样做:
null
const lists = Array.from(document.querySelectorAll('li'));
let texts = lists.map(list => list.textContent);
console.log(texts);
<div class="ABCD"><h2 class="AB">Tags</h2>
<ul>
<li><a href="/example">cat</a></li>
<li><a href="/example2">dog</a></li>
<li><a href="/example3">cow</a></li>
<li><a href="/example4">hen</a></li>
<li><a href="/example5">elephant</a></li>
</ul>
</div>