HTML DOM Details实例讲解

DOM Details对象用于表示HTML

元素。 getElementById()访问Details元素。

属性：

• open:详细信息标签具有名为‘open’的属性，该属性默认情况下用于显示隐藏的信息。

用法:

document.getElementById("ID");

其中“id”是分配给“details”标签的ID。

示例1：

HTML

 

    
    

 

    
        
DOM Details Object 
 
        
        

            
GeeksforGeeks
             
A computer science portal for geeks
 
            
It is a computer science portal
                 where you can learn programming.
        
 
        

        Submit
        
    

 
              

输出：
在单击按钮之前：

单击n按钮后：

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

HTML

 

    
    

 

    
GeeksforGeeks
    
DOM Details Object
    Submit
 
    

 

输出：
在单击按钮之前：

单击按钮后：

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

• 谷歌浏览器
• IE浏览器
• Firefox
• Opera
• Safari

好了， 以上是本文所有内容，希望对大家有所帮助，也希望大家对码农之家多多支持，你们的支持是我创作的动力！祝大家生活愉快！