如何获取 HTML 的“for=”属性<legend>元素

Question

我正在编写一个 chrome 扩展并使用 javascript 来搜索 DOM 元素。 我遇到了一个包含<legend>元素的页面，看起来像这样：

<legend for="contact_email">Contact Email</legend>

我的代码正在执行以下操作：

let legends = Array.from(document.querySelectorAll('legend'));
console.log('# Legends found: ' + legends.length);
for (let l of legends ) {
    console.log("Legend for= attribute: " + l.htmlFor + " );
}

这个 htmlFor 总是未定义的。 这适用于<label> 。 还有另一种方法可以获取<legend>的 for= 属性吗？

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/Element/getAttribute

let legends = Array.from(document.querySelectorAll('legend'));
console.log('# Legends found: ' + legends.length);
for (let l of legends ) {
    console.log("Legend for= attribute: " + l.getAttribute('for') + " );
}

注意-尖尖的评论是在正确的<legend>不支持该属性for ; 它只支持全局属性