在文本文件中使用DOM解析器

Question

我有一个模板文件，我使用ajax从服务器获取。该文件就像那样

var templates;
$.get( "templates.html", function( data ) {
  templates = data;
});

// Access the dom element like this
// templates.document.querySelector('#temp_1').innerHTML > Hello {{ name }}!

如何在不将文件插入页面的情况下访问temp_1和temp_2的innerHTML？基本上，这就是我想要实现的目标。

[
  {
    "text": "n1",
    "nodes": [
      {
        "text": "next",
        "nodes": []
      },
      {
        "text": "hello",
        "nodes": [
          {
            "text": "test",
            "nodes": [
              {
                "text": "wow",
                "nodes": [
                  {
                    "text": "hhh",
                    "nodes": []
                  }
                ]
              }
            ]
          }
        ]
      },
      {
        "text": "fajno",
        "nodes": [
          {
            "text": "abb",
            "nodes": []
          }
        ]
      }
    ]
  }
]

我在评论中说了这句话但又要说了

我已经使用DOMParser修复了问题，您可以看到here。 @ 23528将我的问题标记为重复并链接到另一个与我的问题无关的问题。因此，如果您遇到同样的问题，请使用DOMParser。