Javascript - 在给定属性/值的情况下将类应用于HTML标记

Question

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

<p height="30">

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

Answer 1

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

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

所以在你的情况下：

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

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

Answer 2

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

在处理IE之前，请务必在MSDN中看到Remarks ...

Answer 3

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

尽管使用了CSS，但你将这两者结合在了一起。 Use better class names（为什么它必须有30px的高度？是菜鸟吗？页脚？横幅？）

Answer 4

属性只是属性（通常）。所以试试吧：

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

或者使用像jquery这样的东西来简化这种东西。