Question

嗨，我有以下情景，

从其他第三方网站获取产品，他们的产品页面有3个不同的选项卡，默认的html结构就像这样，

<ul>
  <li class="active">description</li>
  <li>Spec</li>
  <li>Gallery</li>
<ul>
<div>
  <div class="description">product descriptions goes here .... </div>
  <div class="spec"></div>
  <div class="gallery"></div>
</div>

我是否点击第二个标签（规格标签），然后html结构是（动态添加内容），

<ul>
  <li class="active">description</li>
  <li>Spec</li>
  <li>Gallery</li>
<ul>
<div>
  <div class="description">product descriptions goes here .... </div>
  <div class="spec"> Specs goes here </div>
  <div class="gallery"></div>
</div>

由于根据选项卡选择动态添加内容，我无法获取完整内容。有没有办法点击其他并获取所有内容？

有谁知道如何解决这个问题？

Answer 1

不确定你在这里问什么。但可能值得一试：

var tabs = document.getElementsByTagName("li");

for (var i = 0, x; x = tabs[i++];)
    x.click();

简单的HTML DOM解析器 - 触发点击

1 个答案: