getClientRects的使用方法

getClientRects的使用方法

HTML

<span id="span">【消息称Facebook公司营收创新高】外电报道，据消息人士透露，社交网站Facebook2011年上半年营收为16亿美元，净利润达5亿美元。其中，16亿美元的营收入不近创下公司营收新高，也使得这家世界上最大的社交网络公司的营收入同比增加了近一倍。 </span>

JavaScript

document.getElementById("span").onclick = function () {
    var objRectList = this.getClientRects(),
        i = 0,
        length = objRectList.length;
    var string = "有" + length + "个矩形\r\n";
    for (var i = 0; i < length; i += 1) {
        string = string + "第" + (i + 1) + "个矩形： top:" + objRectList[i].top + ", right:" + objRectList[i].right + ", bottom:" + objRectList[i].bottom + ", left:" + objRectList[i].left + "\r\n";
    }
    alert(string);
};