如何获取ul列表中每个li元素的innerHTML-没有Qj？

Question

Code looks like this: 代码如下：

<html>
<body>

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<div><div>
<ul>
<li>4</li>
<li>5</li>
</ul>
</div></div>
</ul>

<script>
console.log(document.querySelectorAll('ul > li'));
</script>

</body>
</html>

would like to get 1, 2 and 3 innerHTML . 想获得1，2和3 innerHTML 。 With Qj it was $('element').html(); Qj是$('element').html(); but I dont wan't to use QJ. 但我不想使用QJ。

Answer 1

Use a looping function to process each element. 使用循环功能处理每个元素。

 console.log(Array.from(document.querySelectorAll("ul > li")).map(el => el.innerHTML).join(" "));

 <ul> <li>1</li> <li>2</li> <li>3</li> <div><div> <ul> <li>4</li> <li>5</li> </ul> </div></div> </ul>

如何获取ul列表中每个li元素的innerHTML-没有Qj？

问题描述

1 个解决方案

解决方案1
1 已采纳 2019-06-08 22:31:35

如何获取ul列表中每个li元素的innerHTML-没有Qj？

问题描述

1 个解决方案

解决方案1 1 已采纳 2019-06-08 22:31:35

解决方案1
1 已采纳 2019-06-08 22:31:35