不要使用正则表达式,而是使用
querySelector
导航到具有要提取的属性的元素,然后使用 getAttribute
:
const font = document.querySelector('font[color="blue"]');
console.log(font.getAttribute('face'));
<p height="100" width="300">
<span><font color="blue" face="Times New Roman">....some content....</font></span>
</p>
如果您的输入是字符串而不是 HTML 元素,请先使用
DOMParser
将其转换为可解析文档:
const input = `<p height="100" width="300">
<span><font color="blue" face="Times New Roman">....some content....</font></span>
</p>`;
const doc = new DOMParser().parseFromString(input, 'text/html');
const font = doc.querySelector('font[color="blue"]');
console.log(font.getAttribute('face'));