使用Javascript: 如何找到网页中每个链接的坐标(x,y,高度,宽度)?查找页面中每个链接的坐标
2
A
回答
3
使用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();
});
0
使用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()
);
}
2
没有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:之后的CSS选择器。
1
普通的JavaScript:
function getAllChildren (node, tag) {
return [].slice.call(node.getElementsByTagName(tag));
}
function offset(element){
var rect = element.getBoundingClientRect();
var docEl = doc.documentElement;
return {
left: rect.left + window.pageXOffset - docEl.clientLeft,
top: rect.top + window.pageYOffset - docEl.clientTop,
width: element.offsetWidth,
height: element.offsetHeight
};
}
var links = getAllChildren(document.body, 'a');
links.forEach(function(link){
var offset_node = offset(node);
console.info(offset_node);
});
相关问题
- 1. 链接到页面坐标
- 2. 查找InkCanvas中每个点的坐标
- 3. 查找链接到页面
- 4. 查找几个坐标中最接近的坐标
- 5. 查找给定域的每个页面
- 6. will_paginate 2.3.15 - 每个页面链接
- 7. 如何将每个标签链接到不同的aspx页面?
- 8. 我需要浏览网页中的每个链接及其子页面链接
- 9. 编辑图标在每个网页链接下面
- 10. 查找页面上的文本坐标 - C++,windows,VS2013
- 11. reportlab,查找页面最后一段的位置/坐标
- 12. 在MediaWiki中查找不存在的页面的链接
- 13. 使用编程查找每个像素的坐标
- 14. 使用python查找页面中的所有音频链接
- 15. 在网站的所有页面中查找/替换链接
- 16. 如何删除每个页面上的主页导航链接?
- 17. 如何在新标签中打开html页面的每个链接?
- 18. 链接到PDF中的特定坐标?
- 19. 查找Koch Curve的坐标
- 20. xpath在页面中查找特定链接
- 21. 在目录中的每个HTML文件中查找图像的坐标?
- 22. 如何找到链接到某个特定页面的网页?
- 23. AJAX分页刷新页面每隔一个链接
- 24. 检查每个页面中的会话?
- 25. 在此页面中的Retrieivng坐标
- 26. 链接到Facebook页面上的页面标签页应用
- 27. 如何在iphone的pdf页面中使用CGPDFScanner查找Word坐标?
- 28. 通过一个循环查找最接近的坐标(Python)
- 29. 如何仅使用页面链接查找维基百科页面的类别?
- 30. 如何查找网站上的所有链接/页面