Javascript 简单HTML DOM解析器-触发器单击

嗨，我有下面的场景

从其他第三方网站获取产品， 他们的产品页面有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>

说明
规格
画廊

产品说明在这里。。。。

如果我单击第二个选项卡（spec选项卡），那么html结构就是（动态添加内容）

说明
规格
画廊

产品说明在这里。。。。
规格在这里

由于根据选项卡选择动态添加内容，我无法获取完整的内容。是否有任何方法也可以单击“其他”并获取所有内容

---

有人知道怎么解决这个问题吗？

不知道你在问什么。但也许值得一试：

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

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

---

您需要检查在单击选项卡时调用的url，并使用单独的查询（curl/file\u get\u contents）获取该选项卡/页面的内容（html/text），然后使用简单的html DOM对其进行解析。使用浏览器控制台的“网络”选项卡查看在单击“规范”选项卡时发出的Ajax请求。然后您可以从PHP脚本中请求。

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

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