高度属性的asp.net element.style问题答案

【问题标题】：asp.net element.style issue with height property高度属性的asp.net element.style问题
【发布时间】：2013-09-25 18:02:12
【问题描述】：

我有一个 asp.net mvc 项目，其中有一个带有固定标题和前两列的表。它是用 jquery-ui 编写的，我使用 ui-widget-content 作为 td 元素的主类。标题显示完美，但我的 td 有下一个属性

element.style {
    height: 140px;
}

而且我不知道它们是从哪里出现的。

我正在尝试添加下一段代码

    $(".ui-widget-content").each(function () {
        $(this).css("height", "40px");
    });

但它只是从 140px 替换为 40px，没有任何视觉变化。我不知道我的错误在哪里。

【问题讨论】：

【解决方案1】：

element.style 是在元素上定义的样式 - 直接 - 使用 style="" 所以你应该检查你的 JavaScript 或 HTML。

另一个问题是您不必使用“每个”来设置您可以使用的高度

$(".ui-widget-content").css("height", "40px");

你会得到同样的结果。

$(".ui-widget-content").css("height", "40px"); 的另一个问题是，如果您将在页面中包含其他小部件，它们的高度也会 = 40，因此使用它不是很方便。

通常尽量避免使用内联样式。创建一个定义所有样式属性的类是一种更好的做法！

【讨论】：

【解决方案2】：

尽管我反对!important 值，但这是您应该使用它的场景。

element.style 表示 140px 高度是内联的或由 JavaScript 设置的。如果使用 Javascript，代码可能会在您的代码 ($.each) 之后执行。

【讨论】：