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

Question

是否可以使用 Javascript 提取 HTML tag 的属性。 例如，我想知道 <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

例如，在您的示例中，如果您想查看 align 属性是否可用，您可以编写此代码。

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

Answer 2

var test = document.querySelectorAll('div[align="center"]');