如何将SASS列表/地图中的值实际应用于元素？

Question

我继承了一个项目，它的scss文件中有一个变量列表/映射，它有：

$palette: (
  success: #53a646,
  warning: #faa41a,
  alert: #ec5840,
);

我想使用其中一个变量（warning）并将其应用于元素。我用谷歌搜索但未能找到应用它的方法。

我见过这样的例子：

.warning-btn {
 background-color: nth($palette, 2); 
}

但这不适合我。

有人知道将变量应用于元素的正确方法吗？

Answer 1

将您的代码更改为以下

<textarea id="yyyy" onkeyup="check(this.value)"></textarea>
<textarea id="xxxx" readonly></textarea>

<script>
  function check(value) {
    //your unaccessible function
  }

  document.getElementById("yyyy").addEventListener('keyup', function() {
    document.getElementById("xxxx").value = this.value;
    alert(this.value);
    check(this.value)
  });
</script>

希望有所帮助