html中footer怎么写,HTML DOM Footer用法及代码示例

DOM页脚对象用于表示HTML 元素。可以使用getElementById()方法访问页脚元素。

用法:

document.getElementById("id");

其中‘id’是分配给页脚标签的ID。

示例1：在下面的程序中，访问页脚元素，并更改页脚元素内部的文本颜色。

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方法创建页脚对象。

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);

}

输出：

在点击按钮之前：

单击按钮后：