如何根据三个条件设置className？

<div id="myElement"></div>

var myElement = document.getElementById("myElement");

if (condition1) {
  myElement.className = "class1";
} else if (condition2) {
  myElement.className = "class2";
} else if (condition3) {
  myElement.className = "class3";
} else {
  myElement.className = "defaultClass";
}

.class1 {
  /* 样式规则1 */
}

.class2 {
  /* 样式规则2 */
}

.class3 {
  /* 样式规则3 */
}

.defaultClass {
  /* 默认样式规则 */
}