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

Question

我有一个包含坐标的 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 和输出元素详细信息中获取坐标吗？非常感谢任何帮助

Answer 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)?