html共用lastchild控制显示,HTML DOM lastChild用法及代码示例

DOM的lastChild属性用于返回指定节点的最后一个孩子。它返回最后一个子节点作为文本，注释或元素节点(取决于最后出现的子节点)。这是一个只读属性。

用法:

node.lastChild

返回值：它返回一个代表该节点的最后一个子节点的节点对象，如果没有子元素，则返回null。

范例1：

DOM lastChild Property

function geek() {

var doc =

document.getElementById("div").lastChild.innerHTML;

document.getElementById("p").innerHTML = doc;

document.getElementById("p").style.color = "white";

document.getElementById("p").style.background = "green";

}

GeeksforGeeks

DOM lastChild Property

GeeksforGeeks!

A computer science portal for geeks.

Click me!

输出：

在单击按钮之前：

单击按钮后：

范例2：

HTML DOM lastChild Property

function Geeks() {

var x =

document.getElementById("sel").lastChild.text;

document.getElementById("p").innerHTML

= "Last child:" + x;

}

GeeksforGeeks

DOM lastChild Property

Merge sort

Quick sort

Insertion sort

Click Here!

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：下面列出了lastChild属性支持的浏览器：

谷歌浏览器

IE浏览器

火狐浏览器

Opera

苹果浏览器