HTML | DOM Kbd 对象

HTML DOM 中的Kbd 对象用于表示 HTML 元素。 标签是短语标签，用于定义键盘输入。 标签所包含的文本通常以浏览器的默认等宽字体显示。可以使用 getElementById() 方法访问 元素。

句法：

document.getElementById("ID")

其中 ID 分配给 标签。

示例 1：

 
 
     
        
            HTML DOM Kbd Object
         
     
      
     
      
        
            GeeksForGeeks
        
          
        DOM Kbd Object
          
        
            GeeksforGeeks:A computer Science 
            Portal for Geeks
        
          
        
          
        
            Submit
        
          
         
            function myGeeks() {
                var txt = document.getElementById("GFG");
                txt.style.color = "red";
                txt.style.fontSize = "25px";
            }
             
     
                             

输出：
点击按钮之前： :

点击按钮后：

示例 2：可以使用 document.createElement 方法创建Kbd 对象。

 
 
     
        
            HTML DOM Kbd Object
        
     
      
     
          
        
            GeeksForGeeks
        
          
        DOM Kbd Object
          
        
            Submit
        
          
         
            function myGeeks() {
                var ele = document.createElement("KBD");
                  
                var txt = document.createTextNode("GeeksforGeeks:A"
                "computer Science Portal for Geek");
                  
                ele.appendChild(txt);
                  
                document.body.appendChild(ele);
            }
             
     
                    

输出：
点击按钮前：

点击按钮后：

支持的浏览器： DOM Kbd Object支持的浏览器如下：

• 谷歌浏览器
• IE浏览器
• 火狐
• 歌剧
• 苹果浏览器