html - 系统的 HTML 标签验证

Question

是否有离线工具可以验证某些标签是否具有特定属性？

我正在寻找可以验证所有内容的东西：

• form标签有一个name属性。
• div, 并且span标签至少有一个idorclass属性。

tidy 是否有一个晦涩的选项，您可以在其中指定此类内容？

Answer 1

如果 jQuery 在您的页面上可用，您可以简单快速地进行这样的验证。

    $('form').each(function(){
        if ($(this).attr('name') === undefined) {
            alert('至少有一个表格没有名字。');
        }
    });
    $('div').each(函数(){
        if ($(this).attr('id') === undefined) {
            alert('至少有一个没有id的div。');
        }
    });

Answer 2

这也是一个非 jQuery 解决方案示例

var arr = document.getElementsByTagName('div');
变量标志 = 假；
for (var i = 0, len = arr.length; i < len; i++) {
    if (arr[i].getAttribute('id') == null) {
        标志=真；
        休息;
    }
}
如果（标志）{
    alert('至少有一个没有名字的 div。');
}