HTML | DOM 页脚对象

DOM 页脚对象用于表示 HTML

元素。可以使用 getElementById()方法访问页脚元素。

句法：

document.getElementById("id"); 

其中“id”是分配给页脚标签的 ID。
示例 1：在下面的程序中，访问了页脚元素并更改了页脚元素内文本的颜色。

html

        
          GeeksForGeeks
        
 
        DOM footer Object
        Click Here
        
        This is a Footer content 
         
        
        function Geeks() {
          var txt = document.getElementById("s");
          txt.style.color = "green";
        }
        

输出：
点击按钮前：

点击按钮后：

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

html

        
          GeeksForGeeks
        
 
        DOM footer Object
 
        Click Here!
 
        
 
 
        
        function Geeks() {
            var x = document.createElement("FOOTER");
            document.body.appendChild(x);
         
            var y = document.createElement("P");
            var t = document.createTextNode("This is a p
                               element in a footer element.");
            y.appendChild(t);
         
            document.getElementById("foot").appendChild(y);
        }
        

输出：
点击按钮前：

点击按钮后：

支持的浏览器：

• 谷歌浏览器
• 火狐浏览器
• Internet Explorer（IE 8.0 之后）
• 苹果浏览器
• 歌剧