HTML DOM Aside 对象

DOM Aside 对象用于表示 HTML

元素。 Aside 元素由 getElementById() 访问。Aside 元素是 html 5 中的新元素。
句法：

document.getElementById("ID");

其中“id”是分配给side标签的ID。
示例 1：

  

    aside tag
    
        .gfg {
            font-size: 30px;
        }
          
        aside {
            font-size: 40px;
            color: #090;
            font-weight: bold;
        }
          
        p {
            font-size: 20px;
            margin: 20px 0;
        }
    

  

    //Assign ID to the aside tag.
    
        GeeksforGeeks
        A computer science portal for geeks
    
      
    DOM Aside object
    Submit
        
            function myGeeks() {
                var w = document.getElementById("GFG");
                w.style.color = "red";
            }
        

  
                

输出：
点击按钮前：

点击按钮后：

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

  

    aside tag
    
        .gfg {
            font-size: 30px;
        }
          
        p {
            font-size: 20px;
            margin: 20px 0;
        }
    

  

    
        DOM Aside object
        Submit
            
                function myGeeks() {
                    var w = document.createElement("ASIDE");
                    w.setAttribute("id", "GFG");
                    document.body.appendChild(w);
  
                    var heading = document.createElement("H3");
                    var text1 = 
                    document.createTextNode("GeeksForGeeks");
  
                    heading.appendChild(text1);
                    document.getElementById("GFG"
                    ).appendChild(heading);
  
                    var para = document.createElement("P");
                    var text2 = document.createTextNode(
                    "A Computer Science Portal for Geeks.");
                    
                    para.appendChild(text2);
                    document.getElementById("GFG"
                    ).appendChild(para);
                }
            

  
  

输出：
点击按钮前：

点击按钮后：

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

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