javascript - 如何在 Salesforce Trailhead 中实现类的更改样式

Question

我在尝试将样式添加到 Trailhead salesforce 中的特定类时遇到问题。我尝试了以下所有事情，但没有运气。

document.body.style.setWidth = 100%;
document.getElementsByClassName("overlay").setWidth = 100%;
document.querySelectorAll(".overlay").setWidth = 100%;
document.getElementById("sideNav").style.width = 100%;

当事件发生在领先的销售人员中时，添加风格的最佳方法是什么。

Answer 1

我认为 100% 应该是一个字符串。尝试"100%"而不是 100%。也尝试width代替 setWidth。

Answer 2

在最后一行中，左边的赋值是正确的，但是您需要将右边的赋值用引号括起来。

百分比值不是 JavaScript 中的有效类型。它必须是一个Number或一个String类型。您将 CSS 文件中的值与 JavaScript 值混淆了。

document.getElementById("sideNav").style.width = '100%'; // Override CSS

#sideNav {
  width: 64px; /* Default */
  height: 64px;
  background: red;
}

<div id="sideNav"></div>