从本地托管网页的坐标中获取元素详细信息

【问题标题】：Getting Element Details from Coordinates for Locally Hosted Webpage从本地托管网页的坐标中获取元素详细信息
【发布时间】：2015-10-27 11:43:00
【问题描述】：

我有一个包含坐标的 csv 文件。我也有网页的 HTML。我在我的本地主机上托管网页。我想知道坐标中存在的元素并将详细信息输出到新的 csv 文件中。我的 HTML 文件中有以下 PHP 脚本。

 for($i=1;$i<=10;$i++)
    {
     echo '<script>var elem= document.elementFromPoint('.$csv[$i][1].','.$csv[$i]2].');alert(a);</script>
    }

但是现在如何从 PHP 中访问这个变量 elem。我可以从 javascript 输出 CSV 吗？

还有其他方法可以从 CSV 获取坐标并输出元素详细信息吗？非常感谢任何帮助

【问题讨论】：

标签： javascript php html csv

【解决方案1】：

您可以将数组传递给 javascript，对其进行操作，然后通过 Ajax 返回它。

var elements = [];
var coordinates = <?php echo json_encode($csv); ?>
coordinates.forEach(function (coordinate) {
    var element = document.elementFromPoint(coordinate[0], coordinate[1]);
    elements.push(element)); // I imagine you would want some attribute from the element here.
});
// Then pass it back to the server
$.post('index.php', elements); // Or however it is you are doing you ajax requests.

或者，我想您可以使用 node.js 在本地渲染 DOM，而从不使用浏览器。但这不会回答您的问题，因为您将不得不停止使用 PHP。

更新：关于 CSV，这完全是一个不同的问题。但是，是的，您可以在 csv 下载提示中输出信息。见：

How to export JavaScript array info to csv (on client side)?

【讨论】：