html怎样遍历,如何遍历HTML

我有一个带有HTML代码的变量：

let htmlDocument = '

\

\

Britney Spears' House

\

\

9999 Hollywood Blvd

\

\

\

Building Hours: Mon. 07:00-23:00 Tue.-Fri. 06:30-22:00, Sat. 07:30-18:00, Sun. 12:00-18:00 Holidays - Closed

\

\

\

Locate on the stars map

\

\

\

\

\

\

';

我想遍历变量并将HTML的这一部分存储在一个单独的变量中：

9999 Hollywood Blvd

这是我到目前为止所做的：

public traverseHTML(htmlDocument: any): any {

let htmlBlock: any;

let divs: any = htmlDocument.getElementsByTagName('div');

for (var i = 0; i < divs.length; i++) {

if (divs[i].getAttribute("id") == "field-content") {

htmlBlock = divs[i];

}

}

return htmlBlock;

}

我确信我的功能有各种各样的问题，但我无法找到它们，因为我甚至无法超越第二行。我收到一条错误，说htmlDocument.getElementsByTagName不是函数。如何通过div迭代HTML？

请注意，由于项目规范，我无法使用JQuery。

编辑：

当我尝试document is not defined时，我得到document.createElement('div')，当我尝试创建DOMParser时未定义DOMParser。我是否错误地设置了课程？这是整个班级的代码：

import parse5 = require('parse5');

import {ASTNode} from 'parse5';

export default class DSController {

//private parser: DOMParser;

constructor() {

//this.parser = new DOMParser();

}

public traverseHTML(htmlDocument: any): any {

let parser = new DOMParser();

let parsed: any = parser.parseFromString(htmlDocument, "text/html");

let selectParsed: any = parsed.querySelectorAll('field-content')[1];

console.log(selectParsed);

return selectParsed;

/* let element = document.createElement("div");

element.innerHTML = htmlDocument;

console.log(element.querySelectorAll(".field-content")[1]); //

9999 Hollywood Blvd

*/

}

public parseHTML(): any {

//let document: parse5.ASTNode;

return;

}

}