javascript - 如何使用 JavaScript 添加点下划线

Question

我有一个修改过样式的 HTML 文件，因此下划线标记会变成虚线。

<style type="text/css">
  u {    
     border-bottom: 1px dashed #999;
     text-decoration: none;
  }
</style>

我想要一个按类查找元素并应用这种下划线样式的函数。它需要在 JS 函数中，因为下划线仅在某些事件(鼠标悬停和点击)期间出现。我的 JavaScript 代码会是什么样子？

到目前为止我有:

    function underline(id){
    var elements = document.getElementsByClassName(id);
    for(var i=0; i<elements.length; i++){
        elements[i].style.?????}
    }

Answer 1

你可以使用这个:

element.style.borderBottom = '2px dotted black';

See example

如果你想让“下划线”的宽度与文本的宽度相匹配，你可以添加:

element.style.display = 'inline';