javascript - 使用 Javascript 在 HTML 中提取标签的属性

Question

是否可以提取 HTML tag 的属性使用Javascript。例如，我想知道 <div> 里面的值其中有 align = "center" .

<div align="center">Hello</div>

我知道的是:

var division=document.querySelectorAll("div");

但它选择了 <div> & </div> 之间的元素而不是 properties里面。

我想在 Greasemonkey 脚本 中使用它，在这里我可以使用 Javascript 检查网站中的一些标签的恶意属性 .

希望我清楚..!!

Answer 1

您正在寻找 getAttribute功能。可以通过元素访问。

你会像这样使用它。

var division = document.querySelectorAll('div')
for(var i=0,length=division.length;i < length;i++)
{
    var element = division[i];
    var alignData = division.getAttribute('align'); //alignData = center
    if(alignData === 'center')
    {
       console.log('Data Found!');
    }      
}

如果您要查看元素上有哪些可用属性，这些都是可用的

division.attributes

MDN Attributes

例如，在您的示例中，如果您想查看对齐属性是否可用，您可以这样写。

//Test to see if attribute exists on element
if(division.attributes.hasOwnProperty('align'))   
{
    //It does!
}