domparser解析html例子
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
domparser解析html例子
下面是一个使用DOMParser解析HTML的例子:
```javascript
// HTML字符串
var htmlString = '
id="myDiv">
Title
Paragraph
// 创建DOMParser对象
var parser = new DOMParser();
// 解析HTML字符串
var doc = parser.parseFromString(htmlString, 'text/html');
// 获取id为myDiv的元素
var myDiv = doc.getElementById('myDiv');
// 获取h1元素的文本内容
var title = myDiv.getElementsByTagName('h1')[0].textContent;
// 获取p元素的文本内容
var paragraph =
myDiv.getElementsByTagName('p')[0].textContent;
// 输出结果
console.log(title); // "Title"
console.log(paragraph); // "Paragraph"
```
在这个例子中,首先我们创建了一个名为`htmlString`的HTML字符串,它包含一个id为`myDiv`的`
`元素和一个`
`元素。然后,我们创建了一个`DOMParser`对象,并使用`parseFromString()`方法将HTML字符串解析为DOM文档。接下来,我们通过
`getElementById()`方法获取到id为`myDiv`的元素,再通过
`getElementsByTagName()`方法获取到`
`和`
`元素,最后使用`textContent`属性获取元素的文本内容。最后,我们输出了`title`和`paragraph`的内容。
需要注意的是,DOMParser在不同的浏览器中的支持程度可能存在差异,这里的例子是基于最新的标准来编写的。