查找页面中每个链接的坐标
时间: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选择器。