Question

代码如下：

<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>

想得到1、2和3 innerHTML。对于Qj，它是$('element').html();，但我不想使用QJ。

Answer 1

使用循环功能处理每个元素。

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 个答案: