Javascript xmlhttprequest从外部HTML加载特定的div

我正在使用xhlhtprequest加载一个外部html文件。然而，我试图弄清楚如何从那个html文件中只加载一个特定的DIV

我的外部页面是

helpFile.html

——它有几十个标题

s，每个标题DIV是一个特定的帮助部分。在不同的页面上，我希望能够加载特定的部分？我怎么能这样做？例如，在

dashboard.html

页面上有一个帮助

？

图标，当用户单击它时，它将只加载主helpFile.html页面的

helpFile.html#dashboard

部分-内容将加载到引导模式中

下面是检索整个页面的代码，但是如何检索所需的部分呢

<script>
    var request;

    function sendInfo() {

        var url = "helpFile.html";

        if (window.XMLHttpRequest) {
            request = new XMLHttpRequest();
        }     else if (window.ActiveXObject) {
            request = new ActiveXObject("Microsoft.XMLHTTP");
        }

        try {
            request.onreadystatechange = getInfo;
            request.open("GET", url, true);
            request.send();
        } catch (e) {
            alert("Unable to connect to server");
        }
    }

    function getInfo() {
        if (request.readyState == 4) {
            var val = request.responseText;
            document.getElementById('helpModal').innerHTML = val;
        }
    }
</script>

var请求；
函数sendInfo（）{
var url=“helpFile.html”；
if（window.XMLHttpRequest）{
请求=新的XMLHttpRequest（）；
}else if（window.ActiveXObject）{
请求=新的ActiveXObject（“Microsoft.XMLHTTP”）；
}
试一试{
request.onreadystatechange=getInfo；
打开（“获取”，url，true）；
request.send（）；
}捕获（e）{
警报（“无法连接到服务器”）；
}
}
函数getInfo（）{
if（request.readyState==4）{
var val=request.responseText；
document.getElementById（'helpModal'）。innerHTML=val；
}
}

使用DOMParser并查找元素

if (request.readyState == 4 && request.status == 200) {
  var parser = new DOMParser();
  var doc = parser.parseFromString(request.responseText;, "text/html");
  var dashboardElement = doc.querySelector("#dashboard");
  document.getElementById('helpModal').innerHTML = dashboardElement.innerHTML;
}

---

看起来不错，今晚我要试试。