我试图通过读取某些HTML属性的值并根据其值应用类名称来将样式动态地应用于HTML标签。例如，如果我有：

<p height="30">

我想在该段落中应用class =" h30"，以便可以在样式表中对其进行样式设置。我找不到有关获取不是id或者class的属性值的任何信息。帮助？

解决方案

回答

属性只是属性(通常)。因此，只需尝试：

for (e in ...) {
    if (e.height == 30) {
        e.className = "h30";
    }
}

或者使用诸如jquery之类的东西来简化这种事情。

回答

请参阅：getAttribute()。参数是属性的名称(不区分大小写)。返回值是属性的值(字符串)。

在处理IE之前，请务必先查看MSDN中的备注。

回答

我强烈建议我们使用类似jquery的方法，其中添加类很简单：

$("#someId").addClass("newClass");

所以在你的情况下：

$("p[height='30']").addClass("h30");

因此，这将选择height属性为30的所有段落标签，并向其添加类h30。

回答

最好将布局和演示文稿分开。

尽管使用了CSS，但我们还是将这两者捆绑在一起。使用更好的类名(为什么它必须具有30px的高度？它是菜单栏还是页脚？横幅？)