在contenteditable中添加class active元素

Question

我需要为这个重点元素添加类。我尝试做的是，在使用up/down箭头键导航时检测哪一行处于活动状态。
实际上我的代码执行了该功能，但我不知道如何添加这个重点要素的课程。
提前谢谢你！

这是一个片段：

＆＃13;

＆＃13;

var selectedElement = null;
function setFocus(e) {
  if (selectedElement)
    selectedElement.style.outline = 'none';

  selectedElement = window.getSelection().focusNode.parentNode;
  selectedElement.style.outline = '1px solid #f00';
};
document.onkeyup = setFocus;
document.onmouseup = setFocus;

＆＃13;

div:focus { outline: none; }

＆＃13;

<ul contenteditable="true">
  <li>The first paragraph</li>
  <li>The second paragraph</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

Answer 1

试试这个：

 selectedElement.className += " active";

但是不要忘记在每个菜单项上删除它，并从另一个菜单项中删除。