Javascript 如何在文档中查找html对象？

我使用以下代码创建HTML对象：

var parseHTML = function(str) {
  var tmp = document.implementation.createHTMLDocument();
  tmp.body.innerHTML = str;
  return tmp.body.children;
};

var htmlCollection = parseHTML('<div><article><h1>Article heading</h1></article></div>');
var articleNode = htmlCollection[0].childNodes[0];

var parseHTML=function（str）{
var tmp=document.implementation.createHTMLDocument（）；
tmp.body.innerHTML=str；
返回tmp.body.children；
};
var htmlCollection=parseHTML（“文章标题”）；
var articleNode=htmlCollection[0]。子节点[0]；

在我的html代码中，我也有这样的元素：

<article>
    <h1>Article heading</h1>
</article>

文章标题

所以问题是：如何使用

articleNode

在html文档中找到

article

元素

首选非jQuery解决方案

UPD:

articleNode

和html中的article是两个独立的元素。我需要使用第一个引用第二个

---

UPD2用例：我在ajax请求中发送

document.location

，并接收发送请求的页面“内容部分”内容的html代码（作为字符串）（很抱歉重复）。然后我需要获取该

内容

容器的CSS路径。这就是我将字符串转换为html对象并尝试在文档中查找它的原因。

如果返回文档片段，可以使用`querySelector[All]查询它，类似于：

window.onload=函数（）{
var parseHTML=函数（str）{
var tmp=document.implementation.createHTMLDocument（）；
tmp.body.innerHTML=str；
返回tmp；
};
var htmlCollection=parseHTML（'文章标题'+
“第2条标题”+
'');
var result=document.querySelector（“#result”）；
var articleNodes=htmlCollection.querySelectorAll（'div，article'）；
result.innerHTML='第一篇文章：'+articleNodes[1].outerHTML+'
'；
result.innerHTML+=“整个enchilada:”+articleNodes[0]。outerHTML；
};
文章节点
是文章元素。。。您是否遇到了一些不同的情况？@PatrickEvans
articleNode
和html中的article是两个独立的元素。我需要用第一篇引用第二篇。你不能，第二篇文章和第一篇不在同一个文档中。也许重新编辑您的问题，以便更清楚地了解您想要实现的目标？@PatrickEvans，是的，这就是为什么我想知道是否有办法做到这一点。@PatrickEvans用例addedI不需要编辑html文档。我只需要找到
atricleNode
在我的html文档中的位置。你能编辑你的问题来澄清你到底想要实现什么吗？