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

有没有一种方法可以用一行javascript更改两个或多个Div样式

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

---

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

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

您可以升级并设置

样式

，例如：

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

这将替换当前样式。。要添加，您可以使用以下命令：

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

---

示例：

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

您可以升级并设置

样式

，例如：

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

这将替换当前样式。。要添加，您可以使用以下命令：

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

---

示例：

您可以将

与

一起使用（但Crockford不喜欢）：

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

---

演示：

您可以将

与

一起使用（但Crockford不喜欢）：

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

---

演示：

您可以使用cssText属性

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

---

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

您可以使用cssText属性

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

---

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

或者，使用jQuery：

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

---

或者，使用jQuery：

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

---

这是可行的，但它也将摆脱任何其他已经存在的风格（如“背景色”或其他任何风格）。@Pointy补充道。。。关闭时无错误检查

但添加到existing@Jivings你的权利。。。更新为使用
cssText
，但不喜欢它！我更喜欢用两行…@ManseUK我注意到你根据别人的答案多次修改了答案。虽然从OP的角度来看，获得一个聚合其他帖子的单一正确答案可能没问题，但对于试图发布比你更正确答案的其他用户来说，这可能并不完全公平…@David有一个编辑功能。。。我用过它。。。。就像你对你的答案所做的那样。。。。OP接受了我编辑完成后给出的答案。。。。忘掉这些作品，但它也会摆脱任何其他已经存在的风格（如“背景色”或其他任何风格）。@Pointy补充道。。。关闭时无错误检查
但添加到existing@Jivings你的权利。。。更新为使用
cssText
，但不喜欢它！我更喜欢用两行…@ManseUK我注意到你根据别人的答案多次修改了答案。虽然从OP的角度来看，获得一个聚合其他帖子的单一正确答案可能没问题，但对于试图发布比你更正确答案的其他用户来说，这可能并不完全公平…@David有一个编辑功能。。。我用过它。。。。就像你对你的答案所做的那样。。。。OP接受了我编辑完成后给出的答案。。。。克服it@Pointy对，不用于使用
语法处理笨拙的
）@Pointy right，不用于使用
语法处理笨拙的
））两行有什么问题？效果非常好，很好，易于阅读-使用一行会使事情复杂化（删除已有的内容）…两行有什么问题-工作非常好，漂亮且易于阅读-使用一行会使事情复杂化（删除已有内容）。。。。