使用Java脚本提取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属性

因此，例如在您的示例中，如果您想查看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"]');