如何在按钮上显示/隐藏文本旁边显示图标？

在本文中，您将学习如何使用显示/隐藏文本按钮添加图标，并且您还可以将该图标用作按钮。这将在此处使用 JavaScript 完成。

在此示例中，借助 JavaScript，您可以轻松地在显示和隐藏之间切换。在按钮旁边添加任何图标，或者您也可以将图标用作按钮。在这里，您只需要链接令人敬畏的字体图标，即可将图标带到您的网页中。在此示例中，通过单击火图标旁边的文本来触发显示/隐藏函数。

必需的东西：一个

将在您设置时显示和隐藏您的元素，一个将作为按钮工作的文本和完成这项工作的 javascript。

下面的代码将更清楚地说明该方法。
示例：（当 display 的属性设置为“none”时，元素不会占用任何空间。）

  

    
    
    
        function showme(id) {
            var gfg = document.getElementById(id);
            var GFG = document.getElementById("geeks");
            if (gfg.style.display == 'block') {
                gfg.style.display = 'none';
                GFG.innerHTML =
                    'GFG <i class="fa fa-fire"></i>';
            } else {
                gfg.style.display = 'block';
                GFG.innerHTML =
                    'Tag-line <i class="fa fa-fire"></i>';
            }
        }
    

  

    
        
            
              GeeksforGeeks 
            
            
        
        
            
              GeeksforGeeks: 
              A Online Computer Science Portal for Geeks
            
        
    

  
      

输出：