查找页面中每个链接的坐标

时间:2020-03-05 18:54:42  来源:igfitidea点击:

用Javascript:
如何找到网页中每个链接的坐标(x,y,高度,宽度)?

解决方案

回答

使用jQuery,它非常简单:

$("a").each(function() {
    var link = $(this);
    var top = link.offset().top;
    var left = link.offset().left;
    var width = link.offset.width();
    var height = link.offset.height();
});

回答

使用jQuery:

$j('a').each( findOffset );

function findOffset()
{
    alert
    ( 'x=' + $j(this).offset().left
    + ' y=' + $j(this).offset().top
    + ' width=' + $j(this).width()
    + ' height=' + $j(this).height()
    );
}

回答

没有jQuery的:

var links = document.getElementsByTagName("a");
for(var i in links) {
    var link = links[i];
    console.log(link.offsetWidth, link.offsetHeight);
}

尝试在此页面上获取func以获取x和y值:
http://blogs.korzh.com/progtips/2008/05/28/absolute-coordinates-of-dom-element-within-document.html

但是,如果我们要添加图像或者类似内容,建议我们使用a:after css选择器。