如何在Javascript中更改两个或更多Div样式

Question

有没有办法用一个javascript线改变两个或更多Div样式？

document.getElementById("searchScroll").style.position="fixed";
document.getElementById("searchScroll").style.margin="-50px";

是否可以将代码合并到一行？

Answer 1

您可以使用一行JavaScript更新它 - 但我建议将其保留为多行 - 使用多行更容易阅读和理解，您不必担心替换其他样式值。

您可以上一级并设置style，例如：

document.getElementById("searchScroll").style.cssText = "position:fixed;margin:-50px;";

这将替换当前样式..添加您可以使用以下内容：

document.getElementById("searchScroll").style.cssText += "position:fixed;margin:-50px;";

示例：http://jsfiddle.net/aDMke/

Answer 2

你可以使用with（但Crockford不会喜欢它）：

with(document.getElementById("searchScroll").style){position='fixed';margin='-50px';}

或者添加cssText属性（这可能是你想要的）：

document.getElementById("searchScroll").style.cssText += 'position:fixed;margin;-50px';

演示：http://jsfiddle.net/V6gCC/

Answer 3

您可以使用cssText属性。

document.getElementById("searchScroll").style.cssText = "position:fixed;margin:-50px"

但我将替换所有其他内联样式。

Answer 4

或者，使用jQuery：

$('#searchScroll').css({
    'position': 'fixed',
    'margin': '-50px'
});