如何使用 JavaScript 从链接中删除下划线？

给定一个链接，任务是在 JavaScript 的帮助下从锚元素中删除下划线。下面讨论两种方法：

方法一：利用JavaScript的textDecoration属性来执行这个操作。它可以设置为许多值，但在本例中它已设置为none 。

• 例子：

    
  
      
          How to remove underline from
          link using JavaScript?
      
  
    
  
    
      
          GeeksForGeeks
      
    
      
    
      This is Link
        
      
    
      
          Click Here
      
        
      
    
      
          var el_up = document.getElementById('GFG_UP');
          var el_down = document.getElementById('GFG_DOWN');
          el_up.innerHTML = "Click on the button to "
                          + "perform the operation";
                            
          function GFG_Fun() {
              var el = document.getElementById('link');
              el.style.textDecoration = "none";
              el_down.innerHTML = "Underline Removed";
          }
      
  
    

• 输出：
  

方法二：利用JavaScript的textDecoration属性进行操作。但是，在本例中，我们将值设置为line-through 。

• 例子：

    
  
      
          How to remove underline from
          link using JavaScript?
      
  
    
  
    
      
          GeeksForGeeks
      
        
      
    
      This is Link
        
      
      
          Click Here
      
        
      
    
      
          var el_up = document.getElementById('GFG_UP');
          var el_down = document.getElementById('GFG_DOWN');
          el_up.innerHTML = "Click on the button to "
                          + "perform the operation";
                            
          function GFG_Fun() {
              var el = document.getElementById('link');
              el.style.textDecoration = "line-through";
              el_down.innerHTML = "Underline Removed";
          }
      
  
    

• 输出：