高效解析html，精准提取属性值
处理复杂的HTML字符串时，如何快速准确地获取特定属性的值？例如，从HTML中提取span标签的userId属性值。本文提供一种简洁高效的方法。
假设我们有如下HTML字符串（示例中字符串内容并非HTML结构）：
var Strings = "用户98771111";
我们需要一个函数，传入属性名（例如'userId'），返回对应属性值。
利用DOMParser解析HTML，可以轻松实现此功能。以下代码片段演示了如何实现：
立即学习“前端免费学习笔记（深入）”；
function extractAttributeValue(html, attributeName) {
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
if (!doc) return ''; // 处理解析失败的情况
const element = doc.querySelector(`[${attributeName}]`);
return element ? element.getAttribute(attributeName) : '';
}
extractAttributeValue(Strings, 'userId'); // 返回结果
这段代码首先使用DOMParser将HTML字符串解析成DOM树。然后，使用querySelector根据传入的属性名查找元素。如果找到，则使用getAttribute获取属性值并返回；否则返回空字符串，避免错误。 此方法比直接操作字符串更安全可靠，提升了代码的可读性和可维护性。
