我有一个HTML文件,该文件的样式已修改,因此下划线标记会导致虚线。

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


我想要一个可以按类查找元素并应用下划线样式的函数。它必须在JS函数中,因为下划线仅在某些事件(鼠标悬停和onclick)期间发生。我的JavaScript代码是什么样的?

到目前为止,我有:

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

最佳答案

您可以使用此:

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


See example

如果要使“下划线”的宽度与文本的宽度匹配,可以添加以下内容:

element.style.display = 'inline';

关于javascript - 如何使用JavaScript添加点划线,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/15257071/

10-11 06:34