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

Question

是否可以使用 Javascript 提取属性HTML tag。例如，我想知道 which <div>has内部存在的值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 属性

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

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