使用Javascript的setAttribute（）背后的原因是什么？ [重复]

Question

这个问题已经在这里有了答案：

• 什么时候在JavaScript中使用setAttribute vs .attribute =？ 8个答案

如果我分别设置属性，则它们随后都是正确的：

document.getElementById("FlightPanels").style.height = (PANEL_HEIGHT + 20) + "px";
document.getElementById("FlightPanels").style.width = container_width + "px";

即使我先设置宽度，再设置高度，它们都是正确的。

但是，如果我使用setAttribute（）：

document.getElementById("FlightPanels").setAttribute("style", "height:" + (PANEL_HEIGHT + 00) + "px");
document.getElementById("FlightPanels").setAttribute("style", "width:" + container_width + "px");

如果我先设置高度，宽度就会丢失。 如果我先设置宽度，那么高度会丢失。

我已经看到了使用setAttribute（）在一次调用中设置所有所需属性的解决方案，该方法将要设置多个属性的javascript对象传递给它。

在我看来，这比直接直接设置属性要复杂得多且可读性差得多。

如果我要设置大量的属性，我会发现更容易阅读和理解单个设置方法。

我的问题是，是否有一些令人信服的原因（也许我不知道）使setAttribute（）成为首选解决方案？ 是否应出于某些原则性或“最佳做法”的原因而使用setAttribute（）？ 还是可以单独设置属性，如上所示，可以吗？

我希望代码不仅可以工作，而且要符合标准。

编辑：谢谢您的输入，伙计们，但是我的问题的一部分与为什么随后两次调用setAttribute（）互相撤消有关。 是因为我在某种程度上滥用了它吗？ 还是这是功能的预期设计？ 在这方面，它不是任何东西的重复，因为标记的重复问题无法解决此问题。 但是您的意见很有帮助。 谢谢。

Answer 1

setAttribute是用于设置任何 HTML属性的通用函数。

很少将要修改的属性值的一部分 。

style属性代表一个完整的CSS规则集，您通常需要修改它的特定部分。

setAttribute通常对于设置style无效。

谢谢大家的投入，但是我的问题的一部分与为什么随后两次调用setAttribute（）会使对方相互撤消有关。

第一次调用会将属性设置为某些值。

第二个将其设置为其他内容。

集。 不附加。 它将旧值替换为新值。