问题描述
<h1>AAA</h1>
<h2>part1</h2>
<ul>
<li>ap1-1</li>
<li>ap1-2</li>
</ul>
<h2>part2</h2>
<ul>
<li>ap2-1</li>
<li>ap2-2</li>
</ul>
<h1>BBB</h1>
<h2>part1</h2>
<ul>
<li>bp1-1</li>
<li>bp1-2</li>
</ul>
<h2>part2</h2>
<ul>
<li>bp2-1</li>
<li>bp2-2</li>
</ul>
“part1”和“part2”可能不存在或交换了位置。
我想得到下一个列表:
<ul>
<li>ap2-1</li>
<li>ap2-2</li>
</ul>
我尝试使用类似的选择查询
document.select("h1:contains(AAA) ~ h2:contains(part2) + ul > li")
但结果还包括来自 BBB 的项目 - 部分:“bp2-1”和“bp2-2”。 如何避免 BBB 部分的项目?
解决方法
<ul id="ul">
<li>bp1-1</li>
<li>bp1-2</li>
</ul>
document.getElementById("ul").innerHTML
关于 getElementById() 的资源:
https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById