javascript - 根据条件结果应用属性

Question

var condition = 1 == 1;
if (condition) {
  document.getElementById('result').classList.add('success');
} else {
  document.getElementById('result').classList.remove('success');
}

.success:after {
  background: green;
  color: white;
  content: "Success";
}

span:after {
  background: red;
  color: white;
  content: "Failed";
}

<span id="result" data-result=""></span>

我想根据上面的条件应用这样的东西来操作 .add 和 .remove 的属性

document.getElementById('result').classList.(condition ? add('success') : remove('success'));

可以吗？

Answer 1

你可以拿property accessor用conditional (ternary) operator ?:并使用所需的字符串调用该函数。

var condition = 1 == 1;

document
    .getElementById('result')
    .classList[condition ? 'add' : 'remove']('success');

.success:after { background: green; color: white; content: "Success"; }
span:after { background: red; color: white; content: "Failed"; }

<span id="result" data-result=""></span>